Ajuster les div les uns par rapport aux autres automatiquement

Répondre


Cette question est un moyen d’empêcher des soumissions automatisées de formulaires par des robots.
Smileys
:D :) :( :o :shock: :? 8-) :lol: :x :P :oops: :cry: :evil: :twisted: :roll: :wink: :!: :?: :idea: :arrow: :| :mrgreen: =D> #-o =P~ :^o :non: :priere: 8-|
Voir plus de smileys
  Revue du sujet
 

  Étendre la vue Revue du sujet : Ajuster les div les uns par rapport aux autres automatiquement

par Invité » 30 nov. 2007, 14:20

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 :D

par bravegars » 30 nov. 2007, 10:43

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.

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>
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.

par d0m » 30 nov. 2007, 09:20

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.

Ajuster les div les uns par rapport aux autres automatiqueme

par bravegars » 30 nov. 2007, 08:28

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.