Mes projets

Dailymatons.com – Regarder en streaming films, series, documentaires, …

Détails

float: left; est mort :p

Posted by parweb | Posted in CSS, Programmation | Posted on 31-05-2009

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"]

contenu sur la colonne de gauche
contenu sur la colonne de droite

[/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"]

contenu sur la colonne de gauche
contenu sur la colonne de droite

[/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 ;)

Comments are closed.