Bonjour,
Comment faire pour placer les div les uns à la suite des autres,
sans nuire à l'aspect visuel d'une page ?
Les div en question sont des div enfants, et sont placés en absolu
par rapport au div parent.
J'ai donc un premier div positionné en absolu, mais la hauteur de ce div suivant les informations
récupérées dans la base de données, peut varier de plusieurs pixels.
Je voudrais donc savoir s'il est possible de placer le div suivant
à une hauteur égale du div précédent, quelque soit la hauteur de ce dernier ?
Merci bien.
la communauté d'entraide francophone dédiée au PHP
Ajuster les div les uns par rapport aux autres automatiquement
c'est pas très clair ton explication, si je comprends bien tu peux avoir un div contenant tous les autres dont tu ne donnes pas la taille.
LE premier non plus et tu mets la hauteur des autres à 100%. Ils auront donc tous la taille du parent qui aura la taille du premier.
LE premier non plus et tu mets la hauteur des autres à 100%. Ils auront donc tous la taille du parent qui aura la taille du premier.
Excuses moi mais je n'ai pas bien compris tes explications.
Le div parent n'a pas de hauteur, de façon à ce qu'il puisse permettre
d'insérer autant de contenu que la page le demande.
On va prendre un exemple simple pour le contenu.
Le div parent va contenir 2 div enfants.
Le problème de mon exemple est que le bloc2 est indépendant du bloc1,
alors est-il possible de fixer une hauteur fixe entre le div bloc1 et le div bloc2 ?
De façon à ce que la distance entre les deux blocs soit toujours la même
quelque soit le contenu du bloc1, qui se trouve bien sur au dessus du bloc2 ?
J'espère avoir été un peu plus clair.
Le div parent n'a pas de hauteur, de façon à ce qu'il puisse permettre
d'insérer autant de contenu que la page le demande.
On va prendre un exemple simple pour le contenu.
Le div parent va contenir 2 div enfants.
Code : Tout sélectionner
<div>
<div id="bloc1">
position: absolute;
margin-top: 50px;
margin-left: 0;
text-align: left;
font-family: arial;
font-size: 0.85em;
color: #000000;
</div>
<div id="bloc2">
position: absolute;
margin-top: ???;
margin-left: 0;
text-align: left;
font-family: arial;
font-size: 0.75em;
color: #A08F0E;
</div>
</div>alors est-il possible de fixer une hauteur fixe entre le div bloc1 et le div bloc2 ?
De façon à ce que la distance entre les deux blocs soit toujours la même
quelque soit le contenu du bloc1, qui se trouve bien sur au dessus du bloc2 ?
J'espère avoir été un peu plus clair.
Invité
Invité n'ayant pas de compte PHPfrance
deux solutions :
1
recuperer la hauteur de ton div 1 et la transmettre a ton css.
2
utiliser les flottants au lieu des positions absolutes
la deuxieme etant la plus simple et donc la meilleur
1
recuperer la hauteur de ton div 1 et la transmettre a ton css.
2
utiliser les flottants au lieu des positions absolutes
la deuxieme etant la plus simple et donc la meilleur