CSS3 : Display "inline-block" avec IE7

21-05-2013
Kevin Lancien

IE7 ne supportant malheureusement pas le display:inline-block qui s'avère souvent très pratique, on pourrait croire qu'on est obligé de s'en passer... (http://caniuse.com/inline-block)

Cependant, un petit hack nous permet de changer la manière dont IE interprête la position d'une balise en display:inline. En ajoutant le code suivant, vous pouvez être sûr que votre code fonctionnera pour IE7+.

span {
         display: inline-block;
         *display: inline;
         *zoom: 1;
}

La première ligne sera interprêté par tous les navigateurs récents supportant le CSS3, puis les 2 lignes débutant par une * ne seront prise en compte que pour IE.

Khan - 2013-09-02 05:42:53
where is your CSS file? do you have to create multiple UL and then wrap then in DIV tag? why dont you just us single UL? T can only show you
this.ul{
list-style:none;
overflow:auto;
}
ul li{float:left;}
ul li a{display:block;padding:3px 6px;}
Viviana - 2013-10-11 06:47:27
where is your CSS file?do you have to create muilplte UL and then wrap then in DIV tag?why dont you just us single UL?i can only show you thisul{ list-style:none; overflow:auto;}ul li{float:left;}ul li a{display:block;padding:3px 6px;}

Apporter votre contribution

Expérience utilisateur

Wandi vous propose de découvrir une nouvelle approche de la navigation sur un site web...
Êtes-vous prêt ?

Démarrer l'expérience