[RÉGLÉ] Impossible de position mes divs de façon fixe dans mon template

[vicky06]

Bonjour,

Je peine depuis un bon moment, alors je lance ce message, en espérant que qq1 puisse m'aider.

Voilà, j'ai créer mon template avec des blocs et des positions dans ces blocs. Le code PHP de ma page index est le suivant:

<div id="containerhaut">

<div id="top">
<jdoc:include type="modules" name="top" style="xhtml" />
</div>
<div id="top2">
<jdoc:include type="modules" name="top2" style="xhtml" />
</div>
<div id="topban">
<jdoc:include type="modules" name="topban" style="xhtml" />
</div>

</div>

<div id="container">

<div id="nav_left">
<jdoc:include type="modules" name="left" style="xhtml" />
</div>

<div id="centre">
<jdoc:include type="modules" name="centre" style="xhtml" />
<jdoc:include type="component" />
</div>

<div id="nav_right">
<jdoc:include type="modules" name="right" style="xhtml" />
</div>

</div>


<div id="containerbas">

<div id="menubas">
<jdoc:include type="modules" name="footer" style="xhtml" />
</div>

<div id="footer">
<jdoc:include type="modules" name="footer" style="xhtml" />
</div>

</div>

Dans mon bloc "container", j'ai défini 3 positions: nav_left, centre et nav_right
mon code CSS est le suivant:

#container {
width: 970px;
margin: 0px auto;
color: #333;
border-left:1px solid #ddd8d3;
border-right:1px solid #ddd8d3;
}
#nav_left {
position:relative;
left:0px;
width: 158px;
font-family: Arial, sans-sherif;
font-size: 11.5px;
padding: 0.5em;
padding-right:1em;
}
#centre{
width: 541px; height:auto;
position:relative; top:0px; left:180px;
margin:0;
font-family: Arial, sans-sherif;
font-size: 12px;
text-align: justify;
border-left: 1px solid #ddd8d3;
border-right: 1px solid #ddd8d3;
border-bottom: 1px solid #ddd8d3;
padding-left:2em;
padding-right:2em;
padding-top:0.5em;
padding-bottom:1em;
}

#nav_right {
position:relative;
float:right;
top:Opx;
width: 150px;
font-family: Arial, sans-sherif;
font-size: 11px;
background-color: transparent;
margin: 0;
padding: 1em;
}


Mais le problème est le suivant: quand l'espace "Nav_left" dans mon site est vide, tout se positionne comme il faut. En revanche, dès que mon menu apparait dans Nav_left, alors tout mon bloc "centre" descend en dessous au lieu de rester bien positionné à droite de nav_left...

Quelq'un pourrait-il m'aider?

D'avance merci !

[lefabdu51]

Re : Impossible de position mes divs de façon fixe dans mon template

tu as essayé en diminuant tes paddings? a mon avis il descend car detu depasse peut etre les 970px au total.....

[vicky06]

Re : Impossible de position mes divs de façon fixe dans mon template

Merci pour ta réponse.
J'ai essayé oui, cela ne change rien...
Finalement après maintes tentatives, j'ai opté pour du "float: left" et ai abandonné le code avec les "positions"... Là ça fonctionne.

[ced1870]

Re : Impossible de position mes divs de façon fixe dans mon template

salut
j'ai passé ton sujet en "Réglé", penses à le faire la prochaine fois