height avec retour ligne float
Bonjour, j'ai un petit problème.
J'ai une page avec une zone rectangulaire de width: auto.
Dans cette zone, j'aimerais afficher plusieurs petites zones de tailles width: 150 px par exemple.
Le but est de, si l'écran est petit, afficher par exemple 3 zones horizontales et si la résolution est grande, en afficher 5.
Mes zones sont affichés en fonction du nombre de zone qu'il y a dans une base de données (donc boucle for).
Le problème est, quand je gais mon float: left; sur cette zone, elles se mettent à la suite et reparte à la ligne comme il faut quand celle-ci est supérieur à la largeur du grand rectangle, seulement quand il y a un retour à la ligne donc, la hauteur du grand carré ne s'agrandir pas, alors que si je fais exprés de refaire un retour à la ligne après 3 petite zones par exemple, là le grand carré s'agrandi.
J'ai l'impression que l'ordinateur considére qu'en utilisant le float: left, toutes les petites zones soit les unes à côté des autres même si le navigateur fait un retour à la ligne auto. Je sais pas si vous voyez le soucis ? et comment le contourner ?
Merci
Répondre avec citation
Partager