Discussion :

[solorac]

Bonjour à tous,

Dans mon précédent post, je cherchais à intégrer deux background l'un sur l'autre et grace à votre aide j'y suis arrivé.

Maintenant, je voudrais mettre une div id (où il y aura du texte des photos), mais je voudrais savoir comment la positionner pour qu'elle commence à un endroit précis du corps de mon site, tout en sachant que le corps de mon site est en valeur relative. Voiçi le code ma css.

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
body {background-color:#009900}  
#corps {position: relative; 
            margin-left: auto;   
            margin-right: auto; 
            width: 858px; 
            height:1207px;
            text-align: auto; 
            background-image: url(../../Site 2008/Images/images - Site/Corps-site.jpg);background-repeat: no-repeat;}

Merci à ceux et celles qui pourront éclairer ma lanterne.

[Dude1205]

Re,

pour positionner de manière précise ta boite par rapport à son conteneur, tu peux utiliser un "position:absolute;" et indiquer les coordonnées voulues par rapport au coin en haut à gauche du conteneur (par exemple) avec :
"left:Xpx" et "
top:Ypx".

Mais je pense que cette méthode est deconseillée. Il faut essayer d'éviter ca au maximum car le rendu diffère parfois dans les navigateurs de qq pixels. Si tu te retrouves à placer ta boite au pixel près tu ne vas pas avoir de resultat acceptable sur tous les navigateurs. La méthode plus élégante consiste à respecter l'enchainement logique de tes éléments dans le html et de placer les différents éléments dans leur conteneur par rapport au contenu déjà présent en jouant avec des margins etc...

Bon courage

[htr999]

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
position: relative;
top: ...px;
left: ...px;