css Kompabilitätsproblem

[joke]

Hallo,

ich habe ein kleines Problem bei der Darstellung eines Elements im IE und im MOzilla

die Höhe stimmt nicht überein, im IE wird sie anders dargestellt als im Mozilla


es handelt sich um ein layer, hier die css einstellungen:

<style type="text/css">
<!--
div.scroller {
height: 80px;
width: 352px;
overflow: auto;
border: 1px solid #747D84;
background-color: #3c454d;
padding: 2px;
}
-->
</style> 

<div class="scroller"><div style="padding: 0px; width: 1300px">Inhalt</div></div> 

funktioniert soweit alles wunderbar, nur eben dass beim IE die scrollbar schon bei 77px erreicht ist und beim IE 80px notwendig sind damit die horizontale scrollbar verschwindet

hier könnt ihr euch das ganze anschauen

http://beercreek.net/index.php?link=3

ist glaube ich sonst recht unverständlich was ich will


gibt es eine Möglichkeit 2 verschiedene Einstellungen für IE und Mozilla bzw. Netscape zu realisieren ?

also height="77px" beim Mozilla und height="80px" beim IE ?


vielen Dank schon mal für eure Antworten !!!

mfg Joke

[pit-r]

Hi!

Mach mal sowas:
height: 77px !important; height: 80px;

Ahoi - Pit

[joke]

Dankeschön funktioniert so wie ich es wollte

warum eigentlich ?

kapier das ganze nicht ganz liest der IE das "falsche" nicht ? der Mozilla hingegen schon ?

[pit-r]

Gern geschehen!

Wenn Mozilla, Fifo & Co. ein style-Attribut lesen und dieser !important-Kram steht dahinter, wird das darauf folgende Attribut ignoriert. IE ist "dumm" genug, wie normalerweise üblich, von mehrfachen Zuweisungen eines Attributs das letzte davon zu "benutzen".

Ahoi - Pit

[ein schlauer]

Deine Seite ist im Quirks Modus, in diesem Falle hat der IE einen Bug, den boxmodell Bug, d.h. er zählt die Angaben von padding und height/width falsch zusammen. Du kannst das verhindern in dem du den IE 6 in den Standarmodus versetzt.

[joke]

@ pit-r achso gut zu wissen


@ein schlauer - das hab ich jetzt nicht ganz verstanden bitte nochmal für Dumme wenns möglich ist

Grüße Joke

[ein schlauer]

Ich glaube es ist einfacher wenn du google bemühst, quirksmode und boxmodell bug sollten genug Hinweise ergeben.

[joke]

kk werd ich machen

aber eine allgemeine Lösung gibts nicht ? also dass alle User dieses Problem nicht mehr haben

habe es jetzt eben durch die verschiedenen Größen gelöst, aber optimal ist das nicht

[ein schlauer]

Alle sowieso nicht, da der IE 5 den Boxmodell Bug ebenfalls hat, sich aber nicht in den Quirkmodus versetzen läßt. Aber für die meistne Browser wäre der Standardmode schon ein Fortschritt (Stichwort: DOCTYPE)

(wobei - da du anscheinend versucht XHTML zu erzeugen- der ungültige Tag am Anfang deines Quellcodes deutet darauf hin- wird es noch Schwieriger)