DIV Boxen nach unten geschoben

[Pez]

Hallo.

Meine Seite:
The Green Veltleen

Im Firefox schiebt sich alles um 7.5em nach unten, da ich die Navigation auf diesen Abstand in der CSS eingestellt hab.

Im IE passts.

Laut W3 Validation ist die Seite auch in Ordnung.

Könnt mir da bitte noch jemand einen Tipp geben, was da nicht passt?

CSS Datei:
/* --------- Body Angaben--------- */

body {
                margin:0; padding:0;
                background-color: #FFFFFF;
    }

/* --------- Logo Angaben--------- */

#header_top {
position: absolute;
padding: 0em 0em 0em 0em;
         margin: 0em 0em 0em 0em;
         float: left;
         }

#forum_stern {
position: absolute;
padding: 0em 0em 0em 0em;
         margin: 0em 0em 0em 52.5em;

}

/* --------- Navigationsangaben--------- */

#home_button {

 padding: 0em 0em 0em 0em;  

margin: 7.5em 0em 0em 0em;

}

#news_button {

 padding: 0em 0em 0em 0em;  

margin: 7.5em 0em 0em 0em;

}

#forum_button {

 padding: 0em 0em 0em 0em;  

margin: 7.5em 0em 0em 0em;

}

#shop_button {

 padding: 0em 0em 0em 0em;  

margin: 7.5em 0em 0em 0em;

}

#about_button {

 padding: 0em 0em 0em 0em;  

margin: 7.5em 0em 0em 0em;

}

#contact_button {

 padding: 0em 0em 0em 0em;  

margin: 7.5em 0em 0em 0em;

}

/* --------- Box Angaben--------- */

#buyonline {
         position:absolute;
         padding: 0em 0em 0em 0em;
         margin: 10em 0em 0em 0.2em;
         width:151px;
         height:39px;
         }

#shopzone_box {
         position:absolute;
         padding: 0em 0em 0em 0em;
         margin: 13em 0em 0em 0.2em;
         width:210px;
         height:285px;
         }

#shopzone_eingabe {
         position:absolute;
         padding: 0em 0em 0em 0em;
         margin: 17em 0em 0em 0.6em;
         width:210px;
         height:285px;
         }

#content {
position: absolute;
padding: 0em 0em 0em 0em;
margin: 12em 0em 0em 15em;
width:545px;
height:480px;
}

#content_eingabe {
padding: 0em 0em 0em 0em;
         margin: 0em 0em 0em 0em;
         width:545px;
         height:480px;
         }

#news_box {
         position:absolute;
         padding: 0em 0em 0em 0em;
         margin: 12em 0em 0em 50.9em;
         width:210px;
         height:136px;
         }

#news_eingabe {
         position:absolute;
         padding: 0em 0em 0em 0em;
         margin: 16em 0em 0em 61.5em;
         width:210px;
         height:136px;
         }

#newposts_box {
         position:absolute;
         padding: 0em 0em 0em 0em;
         margin: 21.2em 0em 0em 50.9em;
         width:210px;
         height:142px;
         }

#newposts_eingabe {
         position:absolute;
         padding: 0em 0em 0em 0em;
         margin: 27em 0em 0em 61.5em;
         width:210px;
         height:142px;
         }

.text {
      font-family: Arial, Verdana, sans-serif;
      font-size: 10pt;
      font-color: #000000;
      text-align: justify;
      }

[ChrisB]

Hi,

Im Firefox schiebt sich alles um 7.5em nach unten, da ich die Navigation auf diesen Abstand in der CSS eingestellt hab.

Im IE passts.

Wenn du vom Firefox willst, dass er nicht das macht, was du willst - dann passe deine Aussage darueber, was du willst, dem an, was du wirklich willst.

Und ansonsten erklaere dein Problem bitte mal verstaendlich und nachvollziehbar.

MfG ChrisB

[Pez]

Also ich will, dass der Headerbereich ganz oben beginnt und gleich darunter die Navigation ist. Richtig aussehen tut es im IE.

[ChrisB]

Hi,

Also ich will, dass der Headerbereich ganz oben beginnt und gleich darunter die Navigation ist. Richtig aussehen tut es im IE.

Und richtig umsetzen gemaesz Spezifikation tut er der Firefox.

http://www.w3.org/TR/CSS21/box.html#collapsing-margins
"The top margin of an in-flow block-level element is adjoining to its first in-flow block-level child's top margin if the element has no top border, no top padding, and the child has no clearance."

#home_button ist das erste im Fluss befindliche Kindelement von body, und hat ein margin-top von 7.5em - also *muss* das ganze folglich laut Spezifikation als margin-top von 7.5em fuer body umgesetzt werden.

MfG ChrisB