Hi,
vielleicht könnt ihr mir weiter helfen suche schon länger vergeblich nach einer Lösung.
Das Problem:
Die Hintergrundgrafik die sich über die ganze zentrierte Seite nach untenhin erstrecken soll wird nur etwa 100px(repeat-y) repeatet. Jedoch habe ich dieses Problem nur im Firefox und IE8.
Im IE7 und man staune sogar im IE6!!! funktioniert es.
Habe schon viel ausprobiert mit height, min-height usw.
Hier Ausschnitte meines CSS:
body{
padding: 0 0 0 0;
margin: 0 0 0 0;
background-color : #EDEFF2;
font-family: Tahoma,arial;
font-size: 11px;
color: #393939;
}
div#all{
background-image:url(../img/test/hintergrund.png);
background-repeat:repeat-y;
width: 1018px;
text-align: left;
margin: 0px auto;
}
div#main{
width: 960px;
margin-top: 0;
margin-left: 29px;
margin-right: 29px;
}
So sieht der Aufbau der Seite aus:
<body>
<div id="all">
<div id="main">
<div class=â€irgendwasâ€>
content content content
</div>
</div>
</div>
<body>
Benutze Firebug und dieser zeigt mir bei allen divs (all,main und irgendwas) und beim body die gleiche Größe von etwa 100px an.
Die Seite ist sonst ganz normal aufgebaut außer dass die Hintergrundgrafik
ab einer bestimmten Stelle nicht mehr repeatet wird.
Wichtig!!:Schreibe ich in die div#all id ein float:left; rein wird die Hintergrundgrafik bis nach unten repeatet aber die Seite ist dann nicht mehr mittig(muss aber mittig sein).
Danke im voraus