Niepełna obsługa inline-block
w IE
inline-block
jest jeszcze bardziej kłopotliwy w Gecko
IE obsługuje inline-block
wyłącznie na elementach, które mają domyślnie display:inline
.
Rozwiązanie
Na elementach liniowych HTML inline-block
działa bez problemu. Aby uzyskać efekt inline-block
na elementach blokowych należy nadać im display:inline
, a ich
zawartość owinąć w <span>
z display:inline-block
<ul>
<li><span>
test</span></li>
<li><span>
test</span></li>
</ul>
li {display:inline;}
li span {display:inline-block;}
- CSS /
- Display
- Krok /
- GaleriaCSS
- MenuCSS
Zmodyfikowano: 04.07.2007, 09:41