nicht angemeldet
Hiho,
mein Kollege und ich streiten uns gerade ein wenig um folgenden Umstand.
<div style="position:absolute;left:10px;top:10px;bottom:10px;right:10px;background-color:#000000;color:#ffffff;>Test</div>
Unter Mozilla (z. B. Firefox) werden die Layerränder jeweils soweit "aufgezogen", dass zwischen dem Layer sowohl oben, unten, rechts, links nur 10 Pixel Platz sind. Skaliert man das Fenster nun, passt sich die Box an. Sehr netter Effekt.
Schaut man sich das Ganze nun unter IE (IE 6) an, dann sieht man ein kleines schwarzes Kästchen, was den weissen Text umfasst. Lediglich der Abstand von 10 Pixel ist oben/links (oder je nach dem welche Angabe gerade interpretiert wird) zu sehen. Der DIV-Layer wird nicht aufgezogen.
In der selfhtml Doku steht, dass die Angaben dafür da sind entweder die linke obere (left,top), rechte obere (right,top), rechte untere (right, bottom), linke untere (right, botton) Ecke des DIV-Layers, gemessen am Eltern-Element (in dem Fall der Browser) positioniert. Allerding eben nur eine der vier Ecken und nicht alle vier, welches ja beim Mozilla (Firefox) passiert.
Im Gegensatz zu meinem Kollegen bin ich der Meinung, dass die Darstellung im IE richtig ist und die im Mozilla (Firefox) falsch, auch wenn ich den Zustand aus Mozilla (Firefox) gerne unter IE hätte - da man dadurch die Layer per Skalierung endlich richtig nutzen könnte. Denn Prozentangaben verzerren gewöhnlich ja alles, gar wenn ich angeben würde:
<div style="position:absolute; left:10px; top:10px; height:100%; width:100%; background-color:#000000; color:#ffffff;">Test</div>
und dabei beachte das der Body keinen Margin oder Padding nutzt, wird unter IE dennoch eine Scrollleiste angezeigt, da er die 100% statt auf den restlichen Platz auf die Fenstergröße bezieht.
Abschliessend also die Frage, ist die Mozilla-Ausgabe nun konform oder die IE-Ausgabe? Laut selfhtml müsste es IE sein, was das erste Beispiel angeht ...
Ich würde mich hier auf Antworten mit 100% Aussage freuen :o)
MfG Hape