postionner un div

Bonsoir , supposons que j'ai 2 div , l'un imbriqué dans l'autre :

Code:

---

1 2 3 4

<div id="container"> <div id="cadre"></div> </div>

---

les 2 div font la meme largeur , le container fait 100px de hauteur , et le cadre 20px , comment puis je faire en css pour positionner le cadrer tout en bas , car il est placé par défaut en haut , merci

Salut,

Dans ton css, tu peux spécifier l'attribut suivant à #cadre :

Code:

---

1 2	margin-top:80px;

---

Vu que ton div globale fait 100px de haut et que ton cadre en fait 20px.

@+

d'accord , et comme tu le sais si je fais ceci j'aurais une bordure en bas plus épaisse que les autres et aussi un peu sur les cotés , donc sais tu par hasard comment mettre des bordures blanches à mon div , pour le bas , droite et gauche?

Pour le bas :

Code:

---

border-bottom-color:#FFFFFF;

---

Pour la gauche :

Code:

---

border-left-color:#FFFFFF;

---

Pour la droite :

Code:

---

border-right-color:#FFFFFF;

---

code xhtml

Code:

---

1 2 3 4 5

<div id="cadre"> <div class="bande"></div> <div class="bounce"></div> </div>

---

code css

Code:

---

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20

#cadre { height: 75px; border: 1px solid black; width: 855px; background: #fff; }   .bande { margin: auto; width: 855px; height: 20px; background: lightgray; }   .bounce { margin-top: 60px; background: orange; position: absolute; }

---

curieux mais avec ce code , mon div bounce est totalement invisible , meme quand je mets sur texte entre les balise html

C'est normal, car tu ne lui a pas spécifié de hauteur et de largeur

çà marche , mais maintenant j'aimerais réduire la largeur à 500px par exemple et aligné mon div à droite ( comme çà j'ai une marge blanche à gauche ) , c'est faisable?

Il te suffit te taper le code suivant dans ton CSS :

Code:

---

1 2	float:right;

---

L'attribut float te permet de positionner les éléments enfants. Dans ton cas c'est ton div imbriqué, le div bande est enfant du div cadre.