Forum > XHTML / CSS > Propriété display inline et inline-block

Propriété display inline et inline-block

Auteurs Messages
icone offline stc # Posté le 09/09/2011 à 05h06
avatar de stc
Rang: membre
Salut, pour un de mes sites j'ai essayé de remplacer mes float left en transformant mes block de div en inline car j'avais 2 colonnes (1 float left) et dans la colonne de droite encore un block de 2 colonnes, donc impossible d'utiliser le float (au moment ou je fais un clear le 1° float ne fonctionne plus ).J'ai essayé de remplacer par un :
Code:
div.contenu div.colonneGauche {
display: inline-block;
width: 25%;
font-weight: 700;
margin-right: 10px;
vertical-align: top;
}

Cela fonctionne mais le plus surprenant c'est que si je met "inline" a la place de "inline-block" la ça ne réagis pas du tout comme on pourrait s'y attendre, en fait le block reste un block.
J'ai trouvé la solution mais je me demande quand même pourquoi la propriété display: inline; ne fonctionne pas, je me demande aussi si "inline-block" est bien supportée (j'ai essayé sur firefox et internet explorer ça marche mais c'est pas des vieilles versions).
Merci pour vos réponses