Unterschiede IE / Mozilla Randangaben

[Heini81]

Hallo,

habe folgende Angaben für einen div in meinem Stylesheet stehen:

#title {
position:absolute;
top:50px;
left:100px;
width:200px;
height:70px;
padding:15px;
padding-bottom:7px;
border:8px solid #FFFFFF;
margin:0px;
background-color:#EEEEEE;
text-align:center;
} 

Der IE zeigt den Text im div vertikal zentriert an, aber auch nur, weil ich
padding-bottom gesondert definiert habe. Der Mozilla zeigt den
Text dagegen mehr am unteren als am oberen Rand an.

Was kann ich machen, damit diese Ungenauigkeit behoben werden kann?

Vielen Dank im Voraus!

Heini

[TobiaZ]

wenn du den unteren abstand mit 7 und den oberen mit 15 definierst, dann sollte dich das nicht wundern.

wie siehts aus, wenn du den padding-bottom weg läst?

[Heini81]

Wenn ich den weglasse, siehts im Mozilla einigermaßen okay aus, im IE
verschiebt sich alles jedoch etwas. Ich vermute, dass der IE unter dem
Text noch einen zusätzlichen Rand definiert.

Das mit 7 bzw. 15px war ja nur die Krücke, damit es hinkommt... weil eben
doch die meisten Besucher meiner Seite den IE haben.

[Heini81]

oh mann, und jetzt habe ich auch noch bemerkt, dass der IE 5.x meine
div's nicht richtig darstellen kann...

Werde wohl doch eine Browserweiche einbauen... wollte ich eigentlich
nicht.

[wahsaga]

Original geschrieben von Heini81
oh mann, und jetzt habe ich auch noch bemerkt, dass der IE 5.x meine
div's nicht richtig darstellen kann...

was denn, etwa jetzt schon mit dem box model bug bekanntschaft gemacht ...? *g*

Werde wohl doch eine Browserweiche einbauen... wollte ich eigentlich nicht.

conditional comments eignen sich sehr gut dazu, dem IE zusätzliches (korrigierendes) CSS zu geben.

[Heini81]

was denn, etwa jetzt schon mit dem box model bug bekanntschaft gemacht ...? *g*

Naja, jedenfalls das erste Mal am eigenen Leib verspürt... *g*
Bin, was Design angeht, du totale Null... Ist für mich ein notwendiges Übel.


Gibt es denn im IE5 eine Möglichkeit, div's so zu positionieren, dass sie
übereinander angezeigt werden?
Und mit den conditional comments meintest du sowas?

 <!--[if IE 5]>
Hier dann die css-Angaben für IE5???
<![endif]--> 

[asp2php]

lesen: http://www.css4you.de/trickkiste/tr00032.html

[Heini81]

Danke!

Naja, werde wohl noch einiges Grundsätzliches zum Design überlegen...
Immer wenn ich denke, es sieht gut aus, ist das entweder nur meine
persönliche Meinung oder es funktioniert nicht mit allen Browsern, wie
ich will...