[html] Unterschied IE vs. Firefox

[badsaxa]

hi,

hab meine neue seite gerade mal teilweise ins netz gesetllt, um die datenbankverbindung zu testen, da ist mir aufgefallen, dass es unterschiede zwischen der darstellung mit dem internet explorer und firefox gibt. in meinem menü ist die eine tabelle breiter und mein hauptfenster ist im ie ein paar pixel tiefer gerutscht. kann mir einer sagen wie das sein kann? zuminset im hauptfenster handelt es sich um ein <div> mit höhenangabe.

https://badsaxa.ba.funpic.de/test/index.php

mfg
badsaxa

 

[KeinKommentar]

Habe leider gerade keinen passenden Link zur Hand, aber hast Du schon einmal Deinen Code online überprüfen lassen? Mit einem W3C konformen Code sollten sich einige Darstellungsunterschiede bereinigen lassen. Schleichen sich doch meist paar einzelne tags oder Zeilen ein, die nicht ganz astrein sind. Die interpretiert dann jeder Browser so, wie er "gerade will".

EDIT:
https://validator.w3.org/
https://jigsaw.w3.org/css-validator/

 

[badsaxa]

ne hab ich noch nicht. werd mal googeln. thx

 

[Dreamworker]

die gröbsten fehler passieren meist bei margin und padding angaben ... der ff macht soweit ich weiß alles richtig nur der ie macht mucken. aber mit bisschen fummelarbeit am code lässt sich auch das beheben .. da ist dann "probieren" das richtige stichwort.

 

[theHacker]

[...]da ist mir aufgefallen, dass es unterschiede zwischen der darstellung mit dem internet explorer und firefox gibt.[...]kann mir einer sagen wie das sein kann?

Der Grund: der Internet Explorer ist nicht im Stande, das Box-Modell richtig anzuwenden.
https://de.selfhtml.org/css/formate/box_modell.htm
https://www.css4you.de/wsboxmodell/index.html#browser

 

[badsaxa]

danke, dann weiß ich wenigstens wo ich suchen muss.

 

[Dounme]

Der Grund: der Internet Explorer ist nicht im Stande, das Box-Modell richtig anzuwenden.

Hallo,

das ist so nicht ganz richtig. Auch der Internet Explorer unterstützt 2 verschiedene Box-Modelle: das Standard-Modell und den Quirks-Mode.

Welchen von den beiden Modi er verwendet hängt von dem HTML-Header ab. Eine Übersicht dazu gibt es unter:
https://www.css4you.de/wsdoctypeswitch/dtsw01.html

Um die Unterschiede zwischen den Modi zu sehen, kann man sich auf folgender Seite die Screenshots ansehen:
https://www.w3.org/International/articles/serving-xhtml/Overview.html#quirks

Gruß,

Dounme