Navigation und Layout unter Internet Explorer 6

[kinshasa]

Hallo Gemeinde,
ich hoffe sehr auf eure Hilfe.
Ich habe unsere Vereinsseite fertig gestellt; leider habe ich alles auf Firefox und Ie8 getestet und alles war soweit in Ordnung. Paar Leute haben mir dann gesagt, dass die Seite nicht zu sehen ist. Nach langen Suche, habe ich festgestellt, dass die Besucher mit IE6 oder 7. können die Navigation nicht sehen und das Layout ist auch zerschossen. Ich habe alles probiert und nicht geschafft, deshalb brauche ich Hilfe.
hier die Seitehttp://www.schuetzenverein-grafenrheinfeld.de
Danke für euere Hilfe

[wotank]

Moin,

auf der Seite stehen absolut positionierte Elemente im Quelltext direkt neben absolut positionierten Elementen.
Das kann beim IE6/7 leicht dazu führen das das absolute Element im Nirwana verschwindet.
Du könntest vielleicht das gefloatete oder das absolute Element noch in ein div einschachteln, damit sie im Quelltext nicht mehr direkt nebeneinander stehen.

Besser ist allerdings bei dem Menü auf absolute Positionierung zu verzichten, versteh sowieso nicht wozu du die brauchst.

Außerdem wäre anzuraten in dem Zusammenhang auf overflow:hidden und unnötiges position:relative zu verzichten, da das auch gerne zu Gestaltungsfehlern führen kann.

[kinshasa]

danke für die schnelle Antwort.
Ich bin sozusagen in Css nicht so gut, konntest du bitte mir kurz detaillierte erklären.
Danke Dir

[wotank]

danke für die schnelle Antwort.
Ich bin sozusagen in Css nicht so gut, konntest du bitte mir kurz detaillierte erklären.

Hier werden in Punkt 12 horizontale Menüs erklärt

Solltest du mit dem was dort steht nichts anfangen können wird es Zeit für Little Boxes 1, um die Grundlagen zu erlernen.

[Kayzu]

Also irgendwie werde ich aus der Seite nicht schlau.

Ich gehe mal stark davon aus, dass die Nav auf den grünen Balken im Header gehört.

Habs mit FF, IE, Opera und Safari getestet und bei keinem Browser ist die Nav da wo Sie sein soll.

Komischerweise liegt die bei mir hinter dem Container.

Erstens mal gehört da eine "absolute" Anweisung anstelle der relativ hin.

Und wieso Du das ganze nach rechts floatest ist mir auch schleierhaft.
Mach das mal raus bitte.

Dann müsste das ganze eigentlich funktionieren.
Habs jetzt nicht ausprobiert, da ich gerade Mobil unterwegs bin.

[wotank]

A
Habs mit FF, IE, Opera und Safari getestet und bei keinem Browser ist die Nav da wo Sie sein soll.

das overflow:hidden muss raus!

A
Komischerweise liegt die bei mir hinter dem Container.

overflow/float/position ungleich static verändern die Stapelreihenfolge auf der z-Achse, weshalb man sie nur mit Bedacht einsetzen sollte.
Infos zur Stapelreihenfolge.

A
Erstens mal gehört da eine "absolute" Anweisung anstelle der relativ hin.

sorry, aber diese Idee halte ich nicht für so 100%ig gut!
Zur Umsetzung der navi braucht es weder absolut noch relativ.

A
Und wieso Du das ganze nach rechts floatest ist mir auch schleierhaft.
Mach das mal raus bitte.

set a float to fix a float?!

[kinshasa]

Danke;
der Hinweis mit Float auf absolut under overflow: hidden hat geholfen