✔ Float-Problem mit IE 6

[ByeBye 242513]

Guten Abend Community,

folgendes Darstellungsproblem im Internet Explorer 6 (siehe Screenshot "ie.jpg"). Die Links sollen, wie im FireFox, nebeneinander und nicht schräg untereinander dargestellt werden. Hat jemand eine Lösung für mich? Danke.

index.html

<div id="header">
  <ul class="navigation">
    <li><a href="/" id="events" title="Events"></a></li>
    <li><a href="/" id="galerie" title="Galerie"></a></li>
    <li><a href="/" id="downloads" title="Downloads"></a></li>
    <li><a href="/" id="newsletter" title="Newsletter"></a></li>
  </ul> 
</div>

css

#header { float: left; width: 980px; margin-bottom: 20px; }

ul.navigation li { list-style-type: none; }

ul.navigation #events { display: block; float: left; width: 130px; height: 60px; background: url(....) 0 0 no-repeat; }
ul.navigation #galerie { display: block; float: left; width: 119px; height: 60px; background: url(....) -130px 0 no-repeat; }
ul.navigation #downloads { display: block; float: left; width: 177px; height: 60px; background: url(....) -249px 0 no-repeat; }
ul.navigation #newsletter { display: block; float: left; width: 162px; height: 60px; background: url(....) -426px 0 no-repeat; }

 

[tom-x3]

Ja! IE 6 nicht mehr unterstützen!

Davon abgesehen, dass er mittlerweile hoffnungslos unsicher ist, benutzt ihn auch nur noch ein verschwindend kleiner Bruchteil.

 

[ByeBye 242513]

Hilft mir aber nicht weiter!

Hat jemand einen Tipp für mich?

 

[CPoly]

Eventuell liegt es daran, dass du die <a> Elemente zwar zu Block-Elementen gemacht hast, aber nicht die umschließenden <li>. Die sollten stattdessen floaten. Bei der Gelegenheit auch noch das <ul> zum Block-Element machen.

Ist alles nur geraten, wo soll ich einen IE 6 zum Testen her bekommen?

 

[ByeBye 242513]

Vielen Dank hat funktioniert!

Im übrigen kann die Darstellung mit dem Internet Explorer hier getestet werden: http://www.netrenderer.de