Aussehen von Rahmen in Opera, IE, Firefox

[Christian]

Hi

Wie werden denn Rahmen um div Tags vom Browser interpretiert bzw. liegen die Rahmen außen oder innen?

#Navigation
{
 position:     absolute;
 top:      50%;
 left:      50%;
 width:     902px;
 height:     32px;
 margin-left:    -451px;
 margin-top:     -128px;
 padding:     0px;
 border:     1px solid #000000;
}

Bei Opera und IE scheint die Box 32 Pixel hoch zu sein + 2 Pixel Rahmen oben und unten = 34 Pixel.
Bei Firefox sieht es so aus, als wäre die Box 32 Pixel hoch, da der Rahmen auf der Innenseite liegt.

Ich habe jetzt mehrere Boxen, die alle übereinander sind, natürlich passt es dann in den verschiedenen Browsern nicht mehr, IE und Opera stellen richtig dar, Firefox verhaut alles.
Oder eben umgekehrt, wenn ich es an Firefox anpasse :(

Gibt es da irgendeine Möglichkeit margin-top auf bottom von #Header zu setzen oder so?
Oder eine andere Möglichkeit das vernünftig darzustellen?

Danke schon mal
Bye, Chris

[Cheatah]

Hi,

Wie werden denn Rahmen um div Tags vom Browser interpretiert

vom IE: gewöhnlich falsch. Opera macht es ihm bisweilen nach.

bzw. liegen die Rahmen außen oder innen?

Außen oder innen von was?

left:      50%;
margin-left:    -451px;

Dir ist bewusst, dass der Content hierbei wunderbar aus dem linken Rand heraus und in unerreichbare Ferne gelangen kann?

Bei Opera und IE scheint die Box 32 Pixel hoch zu sein + 2 Pixel Rahmen oben und unten = 34 Pixel.
Bei Firefox sieht es so aus, als wäre die Box 32 Pixel hoch, da der Rahmen auf der Innenseite liegt.

Hast Du dies nicht vertauscht? Das zuerst genannte Verhalten ist das korrekte.

IE und Opera stellen richtig dar, Firefox verhaut alles.

Nein. Wann immer Du etwas derartiges sagen möchtest, kannst Du Dir *sicher* sein, dass Dein Verständnis der Sachlage unvollständig ist. In diesem Fall: Verlasse den Quirks-Mode und staune, dass auch der IE 6 und Opera es plötzlich richtig machen.

Gibt es da irgendeine Möglichkeit margin-top auf bottom von #Header zu setzen oder so?

Bitte was?

Cheatah

[Christian]

left:      50%;
margin-left:    -451px;

Dir ist bewusst, dass der Content hierbei wunderbar aus dem linken Rand heraus und in unerreichbare Ferne gelangen kann?

Und wie kann man das ändern?
Bzw. wo und wie muss ich die linke Ecke positionieren um eine zentrierte Box zu bekommen?

In diesem Fall: Verlasse den Quirks-Mode und staune, dass auch der
IE 6 und Opera es plötzlich richtig machen.

Oh .. ja, jetzt scheint es zu funktionieren .. :)