Tweet
Firefox repeated Hintergrundbild nicht richtig
Hallo!
Hab ein kleines CSS-Problem:
Hier der HTML-Code:
Und hier das dazugehörige CSS:
Im Anhang zwei Bilder:
Das erste vom IE7. Der zeigt das so an, wie es sein soll. Das zweite vom Firefox. Der wiederholt das Hintergrundbild leider nicht oft genug!
Hat jemand ne Ahnung, woran das liegt??
Hab ein kleines CSS-Problem:
Hier der HTML-Code:
PHP-Code:
<body>
<body>
<div align="center">
<div id="header">
</div>
<div id="maincontainer">
<div id="leiste" style="height:10px;">
<!--Leiste oben (direkt unter Header)-->
</div>
<div id="content">[CONTENT]So, damit hier mal was ordentliches drin steht, schreib ich hier jetzt einfach schonmal nen bisschen Text, der dann auf der Seite erscheinen sollte...
</div>
<div id="navigation_right">[NAVIGATION_RIGHT]asdasdasd
</div>
<div id="navigation_left">[NAVIGATION_LEFT]asdasdd
</div>
</div>
<div id="footer">
</div>
</div>
</body>
PHP-Code:
@charset "utf-8";
html {
background-color:#a5baa9;
}
body {
min-width:720px;
font-family:Georgia, "Times New Roman", Times, serif;
font-size:13px;
}
/*Header*/
div#header {
margin:0;
padding:0;
height:128px;
width:700px;
background-image:url(../grafik/header1.jpg);
background-repeat:no-repeat;
}
/*Footer*/
div#footer {
margin:0;
padding:0;
height:29px;
width:700px;
background-image:url(../grafik/footer.gif);
background-repeat:no-repeat;
clear:both;
}
/*Main*/
div#maincontainer
{
margin:0;
padding:0;
width:700px;
background-image:url(../grafik/main.gif);
background-repeat:repeat-y;
text-align:left;
height:auto;
}
div#leiste {
width:inherit;
padding-top:2px;
padding-left:15px;
padding-right:15px;
}
div#content {
float:left;
width:376px;
padding-left:30px;
}
div#navigation_left {
margin-left: 406px;
margin-right:155px;
padding-left:3px;
}
div#navigation_right {
float:right;
width:155px;
}
Das erste vom IE7. Der zeigt das so an, wie es sein soll. Das zweite vom Firefox. Der wiederholt das Hintergrundbild leider nicht oft genug!
Hat jemand ne Ahnung, woran das liegt??
Moderator
Kommentar