Bla: IE - Firefox - Div Problem

Beitrag lesen

Ich will eine Page mit Divs erstellen.

Im IE klappt alles wunderbar, aber in Firefox...

Aha, lass mich raten: Der IE macht wieder die Hälfte falsch.

http://xn--plze-0ra.de/div/home.html

Erstens solltest du fehlerfreien HTML-Code schreiben, <li> hat (als Kind) in <div> nichts zu suchen.  Auf einem fehlerhaften Fundament kann man kein Haus bauen.

Zweitens ist das Vorhaben, CSS für größere Gestaltungszwecke zu nutzen, ohne standardkonformen Modus weitestgehend sinnlos, weil dann jeder Browser macht, wie er lustig ist und nicht, wie es vom Standard vorgegeben wurde.

Drittens bist du offenbar drauf und dran, eine <div>-Wüste zu fabrizieren, jedenfalls deuten Sachen wie <div id='banner'>Banner</div> (statt <h1>Banner</h1>) oder <div id='menu'><li> Seite 1 </li> (statt <ul id='menu'><li>) stark darauf hin.
<div> ist ein Hilfselement für Fälle, in denen sich kein anderes anbietet, und keine Grundzutat. Eine <div>-Wüste, also HTML-Code, der diese Regel missachtet und für so ziemlich alles und jedes <div> (und Schwesterchen <span>) nutzt, ist nicht besser als das althergebrachte Tabellenlayout. Insofern kannst du dir entweder den CSS-Kram sparen und mit Tabellen arbeiten, oder du beschäftigst dich nochmal mit HTML.