IE - Firefox - Div Problem

[Christopher]

Moin!
Vielleicht kann mir hier ja jemand helfen...
Ich will eine Page mit Divs erstellen.
Links oben: Menü
Links unten: Links
Mitte: Hauptfenster
Rechts oben: Login
Rechts unten: News

Im IE klappt alles wunderbar, aber in Firefox... naja, schauts euch an:
http://xn--plze-0ra.de/div/home.html

hier die css:
http://xn--plze-0ra.de/div/formate.css

ChriZi

[Bla]

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.

[Struppi]

Vielleicht kann mir hier ja jemand helfen...
Ich will eine Page mit Divs erstellen.

Oh das solltest du nicht tun. Ein DIV ist genau wie ein SPAN ein bedeutungsloses HTML Element, sinnvollerweise zeichnest du deinen Inhalt mit HTML Elemente aus. Für einen Absatz z.b. mit einem p oder eine Überschrift mit H1 bis H6 je nachdem.

Im IE klappt alles wunderbar, aber in Firefox... naja, schauts euch an:
http://xn--plze-0ra.de/div/home.html

Das ist schonmal ein Zeichen, dass du etwas verkehrt machst, der IE (von welcher Version reden wir?) hat die meisten Probleme mit der Darstellung und viele Bugs (von denen auch in der 7'er version noch einige übrig geblieben sind)

Du solltest auf jeden Fall den Code immer mit dem validator überprüfen
für HTML: http://validator.w3.org
für das CSS: http://jigsaw.w3.org/css-validator

Es fängt schonmal an das du keinen DOCTYPE verwendest.

Ansonsten kannst du auch auf selfhtml Entwürfe für mehrspaltge CSS Layouts finden die auf jeden Fall besser sind, als dein Ansatz.

Struppi.

[Jonathan]

Hallo,

Im IE klappt alles wunderbar, aber in Firefox... naja, schauts euch an:
http://xn--plze-0ra.de/div/home.html

Ich glaube du machst das falsch. Scheibe deine Seite so, dass sie im Firefox gut aussieht (und in Opera und anderen standardkonformen Browsern) und nehme dann Anpassungen für die Krücke IE vor.

Jonathan