<DIV>, dans un <DIV>

Bonjour,
c'est la premiere fois que je travaille qu'avec des <DIV> et sans tableau.
J'aimerai faire ceci

Code:

---

1 2 3 4 5

<div id="top" width="100%" height="100%"> <div id="centre" </div> </div>

---

dans mon CSS

Code:

---

1 2 3

#top{position:absoluted;top:0px;left:0px;} #centre{position:absoluted;top:0px;left:60px;}

---

Comment puis-je faire en sorte que mon <div id="centre"> soit positionné en fonction du <div> dans lequel il se trouve, et pas de browser , mais du <div> dans lequel il se trouve? COmment puis modifier mon code en rouge?

Et comment faire pour qu'il soit toujour position , en hauteur, au milieu de la page?


Ou alors, dans le cas ou j'utiliserai un tableau, comme puis faire pour la position de tout mes <div>, depende pas du browser, mais d'un <table><tr><td> dans lequel ils se trouvent </td></tr></table>

Merci

:salut:
j'ai pas tout compris mais essaie ça et dis moi sui c'est ce que tu attendais :

Code:

---

1 2 3 4 5

#centre { position:relative; margin-left:auto; margin-right:auto; }

---

PS : a y être fait va jusqu'au bout :

Code:

---

1 2 3 4

<div id="top"> <div id="centre"> </div> </div>

---

Code:

---

1 2 3 4 5 6 7

#top{ position:absoluted; top:0px; left:0px; width:100%; height:100%; }

---

;)

Citation:

---

Envoyé par trotters213

Code:

---

1 2 3 4 5 6 7

#top{ position:absoluted; top:0px; left:0px; width:100%; height:100%; }

---

---

http://www.accros.com/img/smi_ohmy.gif

Code:

---

position:absolute;

---

:roll:

Ben en deux mot j'aimerai

1. positionner mon <div id="centre"> en fonction du <div> dans lequel il se trouve et pas en fonction du browser

ou

en foncton d'un tableau (cellule)

Citation:

---

Envoyé par BisounoursJos

Code:

---

...position:absoluted;...

---

...

---

Ouhla ça m'avais même pas éffleuré, j'suis fatigué je crois :D

Citation:

---

Envoyé par pierrot10

positionner mon <div id="centre"> en fonction du <div> dans lequel il se trouve et pas en fonction du browser

---

c'est ce que je t'ai marqué au dessus, il faut utiliser

Code:

---

position:relative;

---

Un élément positionné se positionne par rapport à son premier ancêtre positionné. S'il n'y a en a pas, la position se calcule par rapport au browser.

Un élément est positionné du moment que sa propriété position est réglé à absolute ( pas absoluted) ou relative.

Position:
- si relative: les coordonnées définissent une translation par rapport à l'emplacement "normal" de la zone (pas de coordonnées => la zone se place normalement mais devient une zone positionnée!!).
- si absolute: les coordonnées définissent l'emplacement par rapport à l'origine du parent positionné.

Code:

---

1 2 3 4 5

<div id="top"> <div id="centre"> ... </div> </div>

---

Ensuite, je suppose que tu laisses le div(top) se positionner automatiquement et que div(centre) est positionné par rapport à div(top)

Code:

---

1 2 3 4 5 6 7 8 9 10

#top { position: relative; }   #centre { position: absolute; top: 0; left: 0; }

---