Je veux avoir 3 divisions alignées à l'intérieur d'une division de conteneur, quelque chose comme ceci:
[[LEFT] [CENTER] [RIGHT]]
La division du conteneur est 100% large (pas de largeur définie) et la division centrale doit rester au centre après le redimensionnement du conteneur.
J'ai donc mis:
#container{width:100%;}
#left{float:left;width:100px;}
#right{float:right;width:100px;}
#center{margin:0 auto;width:100px;}
Mais cela devient:
[[LEFT] [CENTER] ]
[RIGHT]
Des conseils?
overflow: hidden;
sur la center
colonne. Ensuite, dans la requête multimédia pour les petits appareils, lorsque j'avais les 3 colonnes overflow: hidden;
centrées sur la page les unes au-dessus des autres, j'avais besoin de la ligne du milieu (qui était la colonne de droite sur les gros appareils), sinon elle n'avait pas de hauteur et n'était pas centrée verticalement entre le haut et le bas.