[CSS] Redimensionnement de div en position absolute

Bonjour,
J'ai plusieurs div toute en position:absolute (qui constitue le découpage de mon design)
Pour simplifier j'ai 3 divs : une en haut, une au centre où s'effectue la navigation et une en bas
Le problème est le suivant : vus que les div se redimensionnent suivant leur contenu lorsque le contenu de la div du milieu (navigation) sera trop grand pour celle-ci elle va "grandir" verticalement. Et comme il s'agit de position absolute elle va empiéter sur la div du bas
J'aimerais savoir s'il y a un moyen pour que la div du bas suive le mouvement comme on peut le faire avec un position:relative
Merchi d'avance :o

:salut:
je crois qu'il faut que tu utilises clear:both dans la div du bas.
Mais pourqu'oi n'utilise tu pas relative?

Je suppopse que tu as des éléments flottants dans ton conteneur.

Passe nous un peu de code et on verra (html et css)

Le problème avec le relatif c'est que je n'arrive pô à agencer correctement mes div lorsqu'il s'agit de découpage qui ne sont pô à l'imagine d'un tableau (comme des cellules)
Mon CSS :

Code:

---

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35

#leftTopCorner{ background:url("../img/design/leftTopCorner.jpg") no-repeat; width:49px; height:362px; position:absolute; top:50px; left:180px; }   #menu{ background:url("../img/design/menu.jpg") no-repeat; width:231px; height:156px; position:absolute; top:50px; left:229px; }   #top{ background:url("../img/design/top.jpg"); width:551px; height:156px; position:absolute; top:50px; left:460px; }   #rightTopCorner{ background:url("../img/design/rightTopCorner.jpg") no-repeat; width:28px; height:156px; position:absolute; top:50px; left:1011px; }

---

Cela constitue la partie du haut (j'ai schématisé dans mon premier post cette partie serait le "haut"
J'ajoute à cela une div "center" qui constitue la navigation et qui vient se rajouter à la suite (verticalement) de ceci

Mon HTLM :

Code:

---

1 2 3 4 5 6

<div id="center"></div> <div id="leftTopCorner"></div> <div id="menu"></div> <div id="top"></div> <div id="rightTopCorner"></div>

---

Je me contente de "poser" les divs :o

Citation:

---

Envoyé par MasterOfChakhaL

Je suppopse que tu as des éléments flottants dans ton conteneur.

---

Justement nop je n'ai rien dans mon conteneur qui soit en relative :s

Le problème c'est que ton site n'est pas du tout dynamique, tu aurais du mettre tes tailles en % au moins mais pas en pixels car un gars qui regarde ton site en 800*600 il n'y verras rien.

Je suis d'accord sur ce point mon site n'est pô optimisé pour les résolution en dessousde 1024*768. Les tailles en px sont fait pour le design
Mais ce n'est pô le sujet je cherche à ce que ma div du bas suive le redimensionnement de la div centrale de navigation

Tu peux resoudre ce problème en JavaScript.

si l'ID de ton div central est "centre" et celui de ton div inferieur est "bas" alors il tu peux faire :

document.getElementById("bas").style.top = document.getElementById("bas").style.top + document.getElementById("bas").style.height;

Je ne suis pas sur que ça marche directement comme ça mais j'ai deja resolu ce genre de problème grâce a du js.

mmmh mmmh...

Vu ce que t'essayes de faire, je dirais autant faire un tableau...
Je ne vois pas l'intérêt de se prendre la tête étant donné que au fond, c'est un tableau que tu veux... (j'ai l'impression)

Sinon, une piste a creuser...
Tu imbriques tes divs, le contenu se trouvera dans la div la plus profonde avec éventuellement un padding pour laisser un peu d'espace sur les bords.
Ensuite, tes autres divs te permettront de placer tes images de fond avec top bottom left right

Ainsi, pas besoin de positionner tes divs (ou alors que le div extérieur).

En effet c'est une possibilité :D
Je vais tester avec du JS merchi beaucoup SOAD08

EDIT : Thx aussi MasterOfChakhaL pour les pistes
J'utilise les divs juste pour "poser" mon design

Vala j'ai testé et ça marche avec le JS
Merchi beaucoup pour vos réponses :D