0
je suis heureux de vous annoncer une alternative ( multi navigateur evidament ) au float
pour metre plusieurs div par exemple dans le sens horizontale
d’abord je vous rappelle l’ancienne technique
[code lang="css"]
.clear {
clear: both;
}
#container .left {
float: left;
}
#container .right {
float: right;
}
[/code]
[code lang="html"]
[/code]
Personnellement j’ai toujours trouvé très chiant de devoir rajouter un div avec un class clear
et maintenant la nouvelle technique
[code lang="css"]
.inline-block {
display: -moz-inline-stack;
display: inline-block;
*display: inline;
vertical-align: top;
zoom: 1;
}
[/code]
[code lang="html"]
[/code]
Alors c’est pas mieux comme ça, je sais pas ce que vous en pensez, mais moi ça as était un révolution, je n’ais plus « peur » de faire des colonnes dans tous les sens et me disant qu’il faut que je rajoute des class clear partout.
C’est peut être pas facile a retenir toutes les propriétés, mais si vous faite comme moi, vous la rajouter dans votre fichier reset.css ( si vous en avez un bien sûr
) et vous êtes tanquille.
À bientôt pour de nouvelles astuces CSS
Nésitez pas a poster un commentaire
