Elya: Absolut pos. <div> und body margin zanken sich...

Beitrag lesen

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