Problem mit Layout

[TIM]

Hallo,

habe ein Problem mit meinem CSS Layout. Lerne
das gerade und bin ziemlich frustriert.
Vielleicht kennt von euch jemand die Lösung

Hier der Link zu der Seite:
http://test.rockload.de/main_ger.html

Und zum Stylesheet:
http://test.rockload.de/xtra/main.css

Das Problem ist, dass wenn man es sich im Mozilla Firefox anguckt, dann ist es eine Katastrophe. Beim IE sieht man den Fehler nicht
so stark. Ist aber auch ein bisschen verschoben.
Ich meine explizit den Balken auf dem klein "Test" steht.

Bitte um Hilfe!

Danke!
Gruß,
TIM

[Cheatah]

Hi,

habe ein Problem mit meinem CSS Layout. Lerne
das gerade und bin ziemlich frustriert.

klassisch :-)

Hier der Link zu der Seite:
http://test.rockload.de/main_ger.html

Das ist eine URL, kein Link. Wie man hier einen Link angibt, erfährst Du in der </faq/#Q-19>.

Das Problem ist, dass wenn man es sich im Mozilla Firefox anguckt, dann ist es eine Katastrophe.

Teste grundsätzlich und immer primär in einem Mozilla. Erst wenn es dort stimmt, lohnt sich der Blick in andere Browser.

Ich meine explizit den Balken auf dem klein "Test" steht.

Er hat genau die richtige Breite. Vermutlich wunderst Du Dich, dass ein großer Teil hinter der gefloateten Navigation steckt. Durch Floating werden immer nur die _Inhalte_ von Elementen verschoben, nicht die Elemente selbst.

Du benutzt übrigens viel zu viele Klassen in viel zu vielen <div>s. Beschäftige Dich mit semantischem Markup und komplexen Selektoren, beginnend beim Nachfahrenselektor. Deine Navigation beispielsweise benötigt nur eine ID, ein <ul>, eine Anzahl <li> und später die Links - mehr nicht, auch keine Klassen.

Cheatah