Darstellung im IE <=6 fehlerhaft

[Maxi]

Moin zusammen,

auf dieser neuen Webseite: Startseite | mf-89.com habe ich im IE Version 6 und 5.5 das Problem, dass die Navigation und der Div darunter nicht dargestellt werden.

Was muss ich an meiner Datei verändern um das auch so hinzubekommen wie in anderen Browsern? (IE 7 zeigts richtig an).

Wer diese Browser nicht zum testen hat kann da schauen: IE NetRenderer - Browser Compatibility Check -

Vielen Dank schonmal...

PS: Der Link zur CSS-Datei: http://mf-89.com/neu/style.css

 

[mi-schi]

Wer alle IEs haben will, kann diese unter Install multiple versions of IE on your PC | TredoSoft herunterladen und dann auch mit allen seine Seite testen.

Zum Code: Autsch
du definierst

#navi so {position:absolute; top:0; bottom:525px; right:0; left:0; width:770px; height:25px;}

Fällt dir da was auf? Abgesehen davon ist position:absolute; hier vollkommener Quatsch und man sollte damit vorsichtig umgehen.
Laut deiner angaben habe ich ein Browserfenster von Höhe: 550 Pixel und Breite 770 Pixel. Das stimmt aber gar nicht und somit ist der Code falsch. Denn jeder hat eine andere Auflösung und damit ist das Browserfenster (wenn es denn überhaupt Maximiert ist) immer unterschiedlich groß.
Warum nicht so:

#navi {margin-left:auto; margin-right:auto; width:770px; height:25px;}

Denn anderen Code habe ich mir nicht durchgesehen und kann somit auch nicht sagen, wo es sonst noch klemmt. Aber eine Grundregel: Lieber (wenn es geht) die positionierung mit margin machen, als mit position:absolute;

 

[nichtsgeht]

Ja, nehm einfach das

position: absolute;

aus div#navi raus. Dann dürfte es klappen. Oder du setzt unterhalb von div.navi {...} noch eine Browserweiche.

* html div#navi { 
position :relative;
}

 

[Maxi]

@ nichtsgeht

danke, der Tipp mit dem weglassen von position: absolute; in den divs war genau der richtige. Jetzt funktioniert es, vielen Dank.