NPDS
Responsive
Labo de développement 2015-2022
1 visiteur(s) et 0 membre(s) en ligne.
MER
Carte des utilisateurs
Login
Connexion
Langue
En ligne
Il y a actuellement 1 visiteur(s) et 0 membre(s) en ligne.
Devenez membre privilégié en cliquant ici
sondage 2
Galeries Photo
Activité du Site
Pages vues depuis 20/04/2015 : 16 485 057
- Nb. de membres 44
- Nb. d'articles 4
- Nb. de forums 50
- Nb. de sujets 9
- Nb. de critiques 2
Github jpb
Index / Divers / Pages statiques
On positionne avec quoi? -
(153 mots dans ce texte ) - lu : 259 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