Autor |
Nachricht |
bird20
Threadersteller
Dabei seit: 09.08.2006
Ort: -
Alter: -
Geschlecht: -
|
Verfasst Mi 09.08.2006 21:24
Titel background image wird im firefox nicht angezeigt |
|
|
guten abend alle miteinander!
ich hoffe, jemand kann mir helfen. ich möchte einen hintergrundbild im body einfügen. im ie wird das auch richtig, oder zumindest so, wie ich es möchte, angezeigt. im firefox allerdings nicht.
der code im separaten css sieht so aus:
body{
color:green;
background-image:url(../img/background.gif) ;
background-position:0 0;
padding:0 0 0 0;
margin-top:80px;
margin-left:auto;
margin-right:auto;
font:13px verdana, sans-serif;
width:80%;
}
das css-file selbst liegt in einem ordner styles, der auf der gleichen stufe ist wie der ordner img. der pfad stimmt, denke ich zumindest.
ich denke, dass firefox irgendeine zusätzliche angabe braucht, die der ie automatisch annimmt.
seht ihr den fehler?
ich wäre euch wirklich dankbar für eure hilfe.
gruss
bird
|
|
|
|
|
reacon
Dabei seit: 27.08.2004
Ort: -
Alter: 38
Geschlecht:
|
Verfasst Mi 09.08.2006 22:28
Titel Re: background image wird im firefox nicht angezeigt |
|
|
bird20 hat geschrieben: | guten abend alle miteinander!
ich hoffe, jemand kann mir helfen. ich möchte einen hintergrundbild im body einfügen. im ie wird das auch richtig, oder zumindest so, wie ich es möchte, angezeigt. im firefox allerdings nicht.
der code im separaten css sieht so aus:
body{
color:green;
background-image:url(../img/background.gif) ;
background-position:0 0;
padding:0 0 0 0;
margin-top:80px;
margin-left:auto;
margin-right:auto;
font:13px verdana, sans-serif;
width:80%;
}
das css-file selbst liegt in einem ordner styles, der auf der gleichen stufe ist wie der ordner img. der pfad stimmt, denke ich zumindest.
ich denke, dass firefox irgendeine zusätzliche angabe braucht, die der ie automatisch annimmt.
seht ihr den fehler?
ich wäre euch wirklich dankbar für eure hilfe.
gruss
bird |
Äh, mal
background-image:url(../img/background.gif) ; width: 80%; height: schießmichtotpx; probiert ?
p.s. Das margin brauchst du nicht komplett ausschreiben. Man kann es auch kürzen:
margin: 80px 0 0 0; /* Im Uhrzeigersinn: Oben, Rechts, Unten und Links. Falls du das nicht schon weißt */
Aber jeder wie er mag
Pfad stimmt soweit.
Zuletzt bearbeitet von reacon am Mi 09.08.2006 22:30, insgesamt 1-mal bearbeitet
|
|
|
|
|
Anzeige
|
|
|
m
Moderator
Dabei seit: 18.11.2004
Ort: -
Alter: -
Geschlecht:
|
Verfasst Mi 09.08.2006 22:33
Titel
|
|
|
Und anstatt background-image einfach nur background ...
|
|
|
|
|
l3mon
Dabei seit: 26.07.2005
Ort: -5m
Alter: 58
Geschlecht:
|
Verfasst Mi 09.08.2006 22:55
Titel
|
|
|
und.... lass mich raten - beim
margin-top
pfeift dir der ff was - wenn ja und du über browserweiche versch. css lädst versuchs über paddings
|
|
|
|
|
bird20
Threadersteller
Dabei seit: 09.08.2006
Ort: -
Alter: -
Geschlecht: -
|
Verfasst Do 10.08.2006 21:02
Titel
|
|
|
Hallo zusammen
Ich bin's wieder.
Danke für eure Tipps, ich hab die alle mal durchgespielt, leider ohne Erfolg.
Deswegen habe ich die page jetzt mal unter
http://www.geocities.com/swissbird20/
online gestellt.
Jetzt schein der firefox das css nicht einmal mehr zu finden.
Wahrscheinlich hab ich irgendwo einen riesen Fehler.
Ich wäre wirklich froh über euren Input. Langsam geht mir dieses Zeug schon auf die Nerven
liebe Grüsse
bird
hier noch das css (styles2.css)
body{
color:green;
background:url(../img/muster.gif);
background-position:0 0;
padding:0 0 0 0;
margin-top:20px;
margin-left:auto;
margin-right:auto;
font:13px verdana, sans-serif;
width:760px;
border: 3px dashed silver;
}
a{
color:red;
font-weight:normal;
}
a:hover{
color:white;
}
h1{
padding:10px 30px 10px 0;
margin:0 0 10px 0;
font:bold 20px verdana, sans-serif;
text-align:left;}
#top{
float:left;
width:100%;
border: 3px dashed silver;
padding:1px 0px 0px 20px;
background-position: left bottom ;
background-repeat:repeat-x;}
#home{
float:left;
width:120px;
background-image:url(../img/xxx.gif);
border-right:2px solid green;
padding:5px 20px 5px 20px;
margin: 0px 0px 0px 0px;
}
#home a:hover {
background: blue;
text-decoration: none}
#navigation{
float:left;
background-image:url(../img/line2.gif) ;
padding:10px 20px 10px 20px;
border: 1px dashed silver;}
#navigation a{
padding:2px 10px 2px 10px;
margin:0px 5px 0px 0px;
border:1px dashed black;
font-weight:bold;
font-size:12px;
text-decoration:none;}
#links{
float:left;
width:160px;
padding:30px 0px 0px 0px;
font:10px verdana, sans-serif;
background-image:url(../img/backlinks.gif)
}
#links ul{
margin:0 0 0px 20px;
padding:0;
list-style:none;
}
#links li{
padding:0 0 2px 0;
}
#links a{
display:block;
padding:10px 2px 2px 10px;
font-weight:bold;
font-size:12px;
text-decoration:none;}
#middle{
margin:0px 150px 30px 160px;
padding:30px 0 0 20px;
border-left:2px solid black;
}
#middle h2{
margin:0 0 10px 0;
padding:2px 0 2px 5px;
font:bold 16px verdana, sans-serif;
border-left:10px solid #191970;
border-bottom:1px solid #191970;}
#middle h3{
margin:25px 0 10px 0;
padding:2px 0 2px 5px;
font:bold 14px verdana, sans-serif;
border-left:8px solid #191970;
border-bottom:1px solid #191970;}
#middle h4{
margin:25px 0 10px 0;
padding:2px 0 2px 5px;
font:bold 12px verdana, sans-serif;
border-left:6px solid #191970;
border-bottom:1px solid #191970;}
#rechts{
float: right;
width:100px;
padding:30px 20px 30px 20px;
border: 1px dashed silver;
}
#foot{
clear:left;
padding:10px 30px 10px 0;
margin:20px 0 0 0;
font:bold 12px verdana, sans-serif;
text-align:right;
border-top:10px solid #191970;
}
#foot p{margin:0;padding:0;}
|
|
|
|
|
tobiTOBSEN
Dabei seit: 19.08.2002
Ort: -
Alter: 45
Geschlecht:
|
Verfasst Do 10.08.2006 21:11
Titel
|
|
|
öhm äh
Code: | <img src="img\claro_logo.gif" width="177" height="102" align="bottom" alt="claro Logo"/> |
Code: | <a href="./index.htm"><img src="img\25gr-transp-home.gif" width="25" height="25" border="0" alt="home"/></a> |
Code: | <link rel="stylesheet" type="text/css" href="styles\styles2.css" /> |
wo kommen denn da die ganzen backslashes her?
|
|
|
|
|
bird20
Threadersteller
Dabei seit: 09.08.2006
Ort: -
Alter: -
Geschlecht: -
|
Verfasst Do 10.08.2006 21:29
Titel
|
|
|
ups, *rotwerd*, das hät ich ja wirklich auch selber merken können.
DANKE, DANKE, DANKE!!
tobiTOBSEN, ich danke dir ganz herzlich!
Jetzt hab ich nur noch das Problem, dass der background nicht angezeigt wird. Das Bild dafür hab ich im css im body eingefügt.
gibt's da auch noch eine Lösung?
Gruss
bird
|
|
|
|
|
bird20
Threadersteller
Dabei seit: 09.08.2006
Ort: -
Alter: -
Geschlecht: -
|
Verfasst Do 10.08.2006 23:31
Titel alles paletti :-) |
|
|
Hallo zusammen
Ich hab die (eine?) Lösung gefunden. Ja, ja probieren geht über studieren
Ich hab die Reihenfolge der einzelnen Eigenschaften verändert. Wenn ich background-image als erstes wähle, geht's.
Kann kaum glauben, aber so klappts
Jetzt kann ich wenigstens ins Bett und ruhig schlafen.
Zumindest bist zum nächsten Problem
Danke nochmals für eure Hilfe!
Gute Nacht
bird
|
|
|
|
|
|
|
|
Ähnliche Themen |
Firefox/IE, CSS & background image
background-image wird nicht korrekt angezeigt
Mac-Firefox:Problem mit background-image
[CSS] Firefox zeigt background-image nicht an
CSS background-image
[CSS] Background-image INE
|
|