Organisation auto des div - HTML CSS [Résolu/Fermé]

Signaler
Messages postés
234
Date d'inscription
dimanche 14 septembre 2014
Statut
Membre
Dernière intervention
9 décembre 2020
-
Messages postés
234
Date d'inscription
dimanche 14 septembre 2014
Statut
Membre
Dernière intervention
9 décembre 2020
-
Salut à tous, voila mon problème : sur un site web que je fais, j'ai une div, qui occupe toute la largeur (ici en noir) et à l'intérieur j'ai plusieurs div (ici en orange) avec une hauteur et une largeur fixe. Et je voudrais que ces div s'organisent de façon à prendre toute la place disponnible même quand le fenêtre change de taille (image ci-dessous) :

mais quand je place mes div, elle se placent les unes en dessous des autres.
J'ai cherché mais je n'ai trouvé que la propriété css white space (un truc comme sa) qui ne marche pas...
Une idée ?
merci d'avance pour votre réponse

3 réponses

Messages postés
31509
Date d'inscription
mercredi 22 octobre 2003
Statut
Modérateur
Dernière intervention
26 février 2021
3 284
Bonjour
Change les largeurs fixes par des pourcentages.....
Messages postés
92
Date d'inscription
lundi 20 décembre 2010
Statut
Membre
Dernière intervention
21 avril 2015
4
Salut,

Pour que leur taille change selon la place disponible, c'est effectivement les pourcentages (ou vw/vh) qu'il faut utiliser.
Pour ce qui est du placement, regarde du côté du float: left.

Exemple:
<div id="black">
<div class="orange fleft">Hello!</div>
<div class="orange fleft">Hello!</div>
<div class="orange fleft">Hello!</div>
</div>

.black {
width: 100%;
border: 1px solid black;
}
.orange {
margin: 1.5%;
width: 30.3%;
background-color: orange;
}
.fleft {float: left;}
Messages postés
234
Date d'inscription
dimanche 14 septembre 2014
Statut
Membre
Dernière intervention
9 décembre 2020
5
Tout d'abord merci de votre réponse, ensuite, je crois que je me suis mal exprimé mais j'ai trouvé ce que je voulait : la commande css display: inline-block; .