Positionnement absolu de div

Résolu
jul39dole Messages postés 117 Date d'inscription mardi 22 juillet 2003 Statut Membre Dernière intervention 21 janvier 2011 - 20 janv. 2011 à 22:13
jul39dole Messages postés 117 Date d'inscription mardi 22 juillet 2003 Statut Membre Dernière intervention 21 janvier 2011 - 21 janv. 2011 à 11:27
Bonjour à tous,

J'ai une div parent (id "parent"), dans laquelle je souhaite positionner à l'aide de coordonnées (left, top, width, height) plusieurs autres divs (appelons les "fille1", "fille2"...). Je précise qu'il s'agit de coordonnées relatives à la div "parent".

La position "absolute" positionne sur l'écran entier, or la div "parent" n'a pas de position bien déterminée...
La position "relative marche mal : les div fille se décalent entre elles, rendant le positionnement hasardeux...

Comment puis-je faire ?

Merci !

4 réponses

cs_ludwig59 Messages postés 128 Date d'inscription lundi 21 avril 2008 Statut Membre Dernière intervention 6 mai 2011 2
21 janv. 2011 à 11:11
Bonjour



   


   






Il faut mettre les div fille1 et fille2 en absolute, et le mettre une position relative au div parent pour que les position top et left des div filles soit prises en fonction du coin haut gauche du div parent et non de l'écran.
3
cod57 Messages postés 1653 Date d'inscription dimanche 7 septembre 2008 Statut Membre Dernière intervention 11 septembre 2013 19
21 janv. 2011 à 10:30
bonjour

http://jream.com/learning/videos/css/css-960-grid

connais tu cette technique !

a++
0
BBFUNK01 Messages postés 1310 Date d'inscription jeudi 16 juillet 2009 Statut Membre Dernière intervention 20 juin 2014 6
21 janv. 2011 à 10:38
Hello,

tu peux simplement créer un conteneur pour tous tes div :










A plus ,

BBFUNK01
//C'est en forgeant qu'on devient forgeron... ;-) ;
0
jul39dole Messages postés 117 Date d'inscription mardi 22 juillet 2003 Statut Membre Dernière intervention 21 janvier 2011
21 janv. 2011 à 11:27
cool merci pour cette réponse! ça marche nickel :) j'aurai appris quelque chose aujourd'hui!
0
Rejoignez-nous