Layoutfehler im Safari Browser
 

Hallo an das Forum,

ich hoffe ich bin mit meiner Frage an dieser Stelle richtig.

Ich habe eine "kleine und einfache" Seite gestaltet, die wir gern auf unseren Ebayseiten einbinden möchten. Leider wird die Seite im Safari Browser nicht korrekt dargestellt und der rechte Boxbereich verschoben.

http://www.torsten-sandmann.de/jumbo/falsch.png

Hier der Link zur Seite wie sie gerade besteht:

http://torsten-sandmann.de/jumbo/Ebay_mich/index.html

Würd mich freuen wenn jemand den Fehler kennt und mir einen Tip geben kann wie auch im Safari die Seite korrekt angezeigt wird.

Danke schonmal und Gruß

Torsten

Gibt es denn überhaupt einen Browser, in dem die Seite „korrekt“ dargestellt wird? Wohl kaum. ;)

Ich beschränke mich aber auf den Fehler, dessen Ursache Du wissen möchtest:
Die Listenelementen im div#headermenu floaten. Aber weder die Liste (ul), noch div.header oder div#headermenu schließen sie ein.
Da der Letzte Menüpunkt, den Du offensichtlich nicht vermisst, in die nächste Zeile rutscht, bleibt die linke Spalte an ihm hängen und schafft es nicht mehr ganz bis zur linken Kante vom div#content. Dadurch bleibt auch nicht mehr genügend Platz für die mittlere und die rechte Spalten.

Also muss mindestens div#headermenu ein „float: left;“ bekommen.
Wenn Du dann die Höhenangabe für div#headermenu entfernst, siehst Du auch den letzen Menüpunkt wieder.
Auf feste Höhenangaben bei Elementen mit Textinhalt solltest Du übrigens gänzlich verzichten
.

Ja, dem hab ich nur noch eins hinzuzufügen: Validiere deine Seite.. http://validator.w3.org/check?uri=ht...Inline&group=0

Ich zitiere: 120 Errors, 1924 warning(s)