bg repeat-x left bottom klappt nicht im Firefox

christel · #1 (**permalink**) 09.10.2006, 22:40

Hallo und einen schönen Abend,
ich habe eine neue Webseite entwickelt bei der leider das Body-background-Bild im Firefox nicht unten am Rand ist. Irgendetwas habe ich übersehen. Kann mir jemand sagen, wo der Fehler liegt?

Ich wäre Euch sehr dankbar.

Hier ist der Code:

Code:

body{
background:white url(../images/mainbg2.jpg) repeat-x bottom left;
margin:0px;

font: 8pt/14pt "Lucida Grande", Verdana, Helvetica, sans-serif; 
}

A:link{ color:#CEB100; text-decoration:none; }
A:hover{ color:#FFFFFF; text-decoration:underline; }
A:active{ color:#CEB100; text-decoration:none; }
A:active:hover{ color:#FFFFFF; text-decoration:underline; }
A:visited{ color:#CEB100; text-decoration:none; }
A:visited:hover{ color:#FFFFFF; text-decoration:underline; }
h3{ font-size:21px; font-weight:bold; color:#c00070; text-align:right; text-transform:lowercase; }

#header{
background:url(../images/girl_grey4.gif) no-repeat transparent bottom left;
width:800px;
margin-left:auto;
margin-right:auto;
height:520px;
text-align:center;
overflow:hidden;
border:0;
padding:0;
}

#wrap{
background:url(../images/bg.gif) repeat-x top left;
width:100%;
margin-left:auto;
margin-right:auto;
}

#container{
margin-right:25%;
}

#content{
background:transparent;
width:429px;
height:400px;
overflow:hidden;
margin-top:0;
padding:21px;
color:#708FA8;
text-align:justify;
float:right;
}

#navcontainer{
float:left;
}

#navlist li{ list-style-type: none; display:inline; text-align:right; padding-right: 20px; font-family: 'Lucida Grande', Verdana, Helvetica, sans-serif; font-size:12px; text-transform:lowercase; color:#666666; }
#navlist li a:link { color: #CEB100; text-decoration:none; }
#navlist li a:visited { color: #FFFFFF; text-decoration:none; }
#navlist li a:hover {color: #c00070; text-decoration:none; }

#footer{
width:95%;
padding:9px;
text-align:right;
text-transform:lowercase;
font: 8pt/14pt 'Lucida Grande', Verdana, Helvetica, sans-serif;
color:#333333;
float:right;
}

.content{
padding:21px;
text-align:justify;
font: 9pt/14pt 'Lucida Grande', Verdana, Helvetica, sans-serif;
}

.title{
font-size:21px;
font-weight:bold;
letter-spacing:1px;
font-variant:small-caps;
color:#5C4F00;
background:#000000;
width:100%;
}

Vielen Dank im Voraus für Eure Hilfe.

dottore:skin · #2 (**permalink**) 10.10.2006, 09:02

hmm-...? wenn es um den <body> geht...

Code:

body{
  background:#fff url(../deinbild.jpg) left bottom repeat-x;
}

RoToRa · #3 (**permalink**) 10.10.2006, 12:04

Ohne HTML oder URL ist es schwer zu sagen, aber ich würde sagen du floatest ohne zu clearen:

Floatâ€”die Theorie » tutorials » Webdesign » andreas-kalt.de

Robin

Ähnliche Themen
Thema	Autor	Forum	Antworten	Letzter Beitrag
Inline Listenelement wird nicht richtig im background befüllt	SteveB	CSS	3	28.04.2011 20:41
z-index hoch, dennoch grafik nicht ganz oben	bergg	CSS	6	27.10.2010 16:02
Schriftfarbe in den Eintragungsfeldern von jforms	Steveislucky	CSS	2	16.03.2010 10:59
Frage zu horizontalen Linien	marvin1989	CSS	3	29.12.2009 23:35
Mozilla zeigt DIV zu oft an	cracki	CSS	6	09.03.2008 15:22