Hallo css-freaks,
ich hab mal versucht, ein tabellenarmes Layout zu schreiben... einige grafische Elemente sind absolut oben und links positioniert, z.T. auch übereinandergelagert, und jetzt soll der Inhalt zunächst über body margin-left positioniert werden. Dachte ich. Ich lasse den NN4 erst mal außen vor, für den schreibe ich nachher ein eigenes stylesheet. Aber sobald ich einen body-margin (unten die auskommentierten Zeilen) definiere, fliegen mir die absoluten Elemente um die Ohren, und zwar:
- im IE 5.5 der #bg2 ist nicht mehr 100 % breit
- In Opera schiebt sich der #bg1 nach unten.
- NN6 stellt alles fein dar, wie er soll :) Mal was anderes!
Frage: sind absolute Positionierung und body margin grundsätzlich unvereinbar oder wer spinnt da?
Hier der css-Code:
body { /*margin-left:180px;
margin-top:150px;*/
background-color: #f1f1f1;
background-image: url(../img/bg/bg_innen.gif);
background-position: 169px 124px;
background-repeat: no-repeat
}
/*header Bild1 */
#bg1 {
position:absolute;
left:0px;
top:0px;
width:667px;
height:124px;
z-index:2;
}
/*Header Hintergrund repeat (hab noch ein weiteres hg-bild, deshalb diese Krücke)*/
#bg2 {
position:absolute;
left:0px;
top:0px;
width:100%;
height:124px;
z-index:1;
}
Gruß aus Ehrenfeld,
Elya