nicht angemeldet
FireFox verschandelt mal wieder alles
StruppiHallo,
der Text in der nachfolgenden Box soll vertikal zentriert sein, dass funktioniert mittels padding von oben eigentlich perfekt.
Nur leider zeigt der beschissene Firefox dann die Box nicht in 22 Pixel Höhe an sondern größer...
DocTypes hab ich auch alle durchprobiert und bin wieder zu Quirks gewechselt...
<div style=position:relative;width:100%;height:22px;background:#5f5f5f;font-family:verdana;font-size:8pt;color:white;padding-top:4px> <b>Irgendwas</b></div>
-
Hallo jkl,
vieleicht zeigt der Firefox die Box richtigerweise mit 26 Pixel höhe an?.
Bernd
-
vieleicht zeigt der Firefox die Box richtigerweise mit 26 Pixel höhe an?.
Stimmt meine "Rechung" war Quatsch. Im Standardmode auch OP 7 und 8 ebenso wie der IE 6. Ich seh also keinen Unterschied in irgendeinen Browser, der das Boxmodell kann.
Struppi.
--
Javascript ist toll (Perl auch!)
-
-
Nur leider zeigt der beschissene Firefox dann die Box nicht in 22 Pixel Höhe an sondern größer...
Aha.
Du kannst davon ausgehen, dass in den meisten Fällen der IE falsch liegt.DocTypes hab ich auch alle durchprobiert und bin wieder zu Quirks gewechselt...
Dann ist das kein Wunder, der Quirksmodus ist der Fehlerträchtigste.
<div style=position:relative;width:100%;height:22px;background:#5f5f5f;font-family:verdana;font-size:8pt;color:white;padding-top:4px> <b>Irgendwas</b></div>
wie komst du darauf, dass hier etwas vertikal zentriert wird?
Dein Div hat die Höhe: 4 px + irgendwas + ?
Die 4px ist das padding oben
irgendwas sind deine 8pt, die je nach Einstellung des Systems was anders sind
und ? ist das paading unten, das je nach Defaultwert des Browser für das DIV Element unterschiedlich sein kann.Vielleicht schaust du dir nochmal das Boxmodell an.
Struppi.
--
link:http://javascript.jstruebig.de/@title=Javascript ist toll] (Perl auch!) -
Hoi,
Nur leider zeigt der beschissene Firefox dann die Box nicht in 22 Pixel Höhe an sondern größer...
etwa in 26px? Fieser Möp der Firefox. Er zeigt es allerdings korrekt an. Weil Höhe des Divs == margin-top + border-top + padding-top + (Höhe des Inhalts oder height) + padding-bottom + border-bottom + margin-bottom. Also als Tip, probiers mal mit height:18px; und schon zeigt auch der FireFox es so an, wie du es gerne hättest.
Gruß Ben
-
Was bringt es mir, wenn ich 18er Höhe machen und FireFox es "richtig" anzeigt, der IE dafür aber die Box unten abschneidet?
-
Hallo jkl.
Was bringt es mir, wenn ich 18er Höhe machen und FireFox es "richtig" anzeigt, der IE dafür aber die Box unten abschneidet?
Dass du es richtig machst, zum Beispiel?
Und wenn du den IE aus dem Quirksmodus holst, macht er es auch richtig.Einen schönen Montag noch.
Gruß, Ashura
--
sh:( fo:} ch:? rl:( br: n4:~ ie:{ mo:| va:) de:> zu:} fl:( ss:) ls:[ js:|
„It is required that HTML be a common language between all platforms. This implies no device-specific markup, or anything which requires control over fonts or colors, for example. This is in keeping with the SGML ideal.“
[HTML Design Constraints: Logical Markup] -
Was bringt es mir, wenn ich 18er Höhe machen und FireFox es "richtig" anzeigt, der IE dafür aber die Box unten abschneidet?
Na, z.B. das es alle modernen Browser in jetzt und in Zukunft richtig anzeigen.
Das IE 6 und der 7er werden es richtig anzeigen und für den 5.5er und den 5.0 benutzt Du einen CSS-Hack bzw. benutzt Conditional Commands.
Alternativ setzt Du in Deinen DIV das padding auf 0 und fügst ein weiteres Block oder Inline Element mit Padding-top: 4px ein.
Liebe Grüße,
Bernd
-
Hi,
Was bringt es mir, wenn ich 18er Höhe machen und FireFox es "richtig" anzeigt, der IE dafür aber die Box unten abschneidet?
willst Du Dich um ein Dutzend Ausnahmen mit steigender Tendenz kümmern, oder um eine mit fallender Tendenz?
Cheatah
--
X-Self-Code: sh:( fo:} ch:~ rl:° br:> n4:& ie:% mo:) va:) de:] zu:) fl:{ ss:) ls:~ js:|
X-Self-Code-Url: http://emmanuel.dammerer.at/selfcode.html
X-Will-Answer-Email: No
X-Please-Search-Archive-First: Absolutely Yes
-
-