Darstellungsunterschiede background-image im IE6/IE7
h4nni
- css
0 zulabar
Hallo!
ich hab ein problem mit der darstellung einer website, welches ich einfach nicht in den Griff bekomme.
mal eine kurze beschreibung:meine website soll ein kästchen-muster als hintergrund haben. also etwa so:
-----------
| | |
-----------
| | |
-----------
der content-text liegt in einem eigenen div über dem hintergrund, und besitzt auch das kästchen-muster als hintergrund (muss leider so sein, kann ich auch nicht ändern).
im ie7 funktioniert die darstellung wunderbar - die kästchen sind genau deckungsgleich und es gibt auch keine probleme.
im ie6 verrutscht allerdings der hintergrund des body nach links... mit background-attachment:fixed; könnte ich zwar das problem lösen und dann liegen body und div wieder deckungsgleich übereinandern - allerdings sind dann naütlrich die kästchen nicht mehr deckungsgleich :( wenn ich im div das background-image auskommentiere funktionierts auch, aber wie gesagt das brauche ich leider!
hier der css code:
html, body{
height:100%;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
}
body{
background-color:#313031;
font-family:verdana,arial,helvetica,sans-serif;
color:#000000;
background-image:url('../images/background.png');
background-repeat:repeat-y;
background-position:center top;
}
.main{
width:768px;
min-height:768px;
height:768px;
background-image:url('../images/tile.png');
padding:0px 0px 0px 0px;
margin:0px 0px 0px 0px;
background-repeat:repeat;
background-color:#cfd7d3;
position:absolute;
top:0px;
left:256px;
text-align:left;
}
hat jemand eine idee?? ich bin sehr ratlos!!
kannst du bitte auch den (x)html Code posten. Ich vertsehe den Aufbau nicht so ganz.