Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [CSS] lista z float:left rozlatuje się pod IE6.
Forum PHP.pl > Forum > Przedszkole
kukix
Witam.

Natrafiłem na dosyć spory problem.
Mam liste pozycji

  1. <ul><li></li> ... </ul>


znaczniki <li> mają ustawione pływanie (float: left).

Pod IE7 i FF wyświetla sięwszystko bardzo dobrze, jednak pod IE6 znaczniki <li> ukladają się jedno pod drugim, zamiast w rzędzie..

Można to w jakiśsposób obejść?

Będe bardzo wdzięczny za wszelkie podpowiedzi.
mls
Bo to zależy jeszcze od tego, co jest wewnątrz tych elementów listy...
kukix
Lista wygląda dokładnie tak:

  1. <div id="nav-cat">
  2. <h3><a href="index.php"><img src="nav-cat-1.jpg"></a></h3>
  3. <h3><a id="nav-cat-2"><img src="nav-cat-2.jpg"></a></h3>
  4. <h3><a id="nav-cat-3"><img src="nav-cat-3.jpg"></a></h3>
  5. <h3><a id="nav-cat-4"><img src="nav-cat-4.jpg"></a></h3>
  6. <h3><a id="nav-cat-5"><img src="nav-cat-5.jpg"></a></h3>
  7. <h3><a id="nav-cat-6"><img src="nav-cat-6.jpg"></a></h3>
  8. <h3><a id="nav-cat-7"><img src="nav-cat-7.jpg"></a></h3>
  9. <h3><a id="nav-cat-8"><img src="nav-cat-8.jpg"></a></h3>
  10. <h3><a href="index.php"><img src="nav-cat-9-off.jpg"></a></h3>
  11. <h3><img src="nav-cat-10.jpg"></h3>
  12. </div>


p.s. są <h3> zamiast <li>
mls
Kod
#nav-cat {
    overflow: hidden;
    _zoom: 1;
}

#nav-cat h3 {
    float: left;
    margin: 0;
    padding: 0;
}

#nav-cat h3 a {
    float: left;
}
cbagov
display:inline albo block a nie float
To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.
Invision Power Board © 2001-2025 Invision Power Services, Inc.