NPDS
Responsive
Labo de développement 2015-2022
5 visiteur(s) et 0 membre(s) en ligne.
MER
Carte des utilisateurs
Galeries Photo
Index / Divers / Pages statiques
On positionne avec quoi? -
(153 mots dans ce texte ) - lu : 251 Fois
Comment positionner des éléménts cote à cote?
Float: left => une simple CLASS, efficasse sur tout les navigateurs
- Avantage : simple, rapide, intuitif, hyper compatible
- Inconvénient : positionnement hors du flux, nécessitera des ajustements (clearfix et autres anti-débordements)
premier
deuxième
Inline-block => compatible dés IE8
La propriété display: inline-block (sous forme de classe .inbl chez KNACSS) permet à un élément de s'afficher tel un "inline" tout en étant dimensionné.
- Avantage : positionnement dans le flux.
- Inconvénient : un espace "whitespace" apparaîtra entre les deux div et nécessitera de coller les balises ou de bidouiller en CSS pour être supprimé
premier
deuxième
Flexbox => l'avenir mais que depuis IE10
premier
deuxième
Table cell => row et col
premier
deuxième
bloc de même hauteur
bloc de même hauteur