Discussion :

[pierrot10]

Bonjour,

C'est la premiere fois que j'essaye de travailler qu'avec de div et voici mon probleme. Je n'arrive pas placer un élément en haut de la page.
voci mon code

Code :

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

1
2
3
4
5
6
7
8
9
<div id="image-in-col-1">
<img src="assets/images/image-in-col-1.jpg" width="220" height="320">
</div>
<div id="sidebar" class="text-red">
			[!DropMenu!]
</div>
 <div id="logo">
<img src="assets/images/logo_oseo_ge.gif" width="238" height="51">
</div>

et le CSS

Code :

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

1
2
3
4
5
6
#image-in-col-1{
	margin:150px 0 0 50px;
}
#sidebar{ margin: 200px 0 0 50px;}
#content{margin: 0px 100px 0 400px;}
#logo{margin: 50px 100px 0 400px;}

comment puis-je faire pour que mon #logo et #content soit placer en haut de la page. Dans mon resultat il est placer en dessous de #sidebar pouratnt les valeur de la hauteur du CSS ne sont pas les même

Dois-je comme meme faire recours a un tableau?
Merci

[pierrot10]

ce que je ne comprend pas non plus, c'est pourquoi, si par exmple je veux placer un <div> en bas de ma page

Code :

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

#lediv{margin 0 0 50px 5px;}

ceci devrait placer le <div> a 50px du bas de la page avec une marge-gauche de 5px.

J'ai essaye mais ca ne va pas comme ca.

Idem si je fait

Code :

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

#lediv{margin 5px 60px 0 0;}

il devrait me le place tout a droit à 60px et 5px du haut de ma page?

Non?

[MasterOfChakhaL]

il semblerait que tu n'ais pas compris la propriété margin...

chaque bloc va occuper une certaine dimension. Les margin rajoutent des "bandes" au bloc mais n'ont rien a voir avec le placement.

Si tu veux positionner tes éléments, il faut simplement utiliser la propriété position puis définir les coordonnées via les propriétés top, bottom, left et right (pas forcément tous à la fois...)

[pierrot10]

en effet, j'avais une autre idee sur les marge.. merci