CSS : changer la structure de la page

WRInaute passionné
Bonjour,

Voilà, sur mon site, les menus gauche et droite se placent avant le centre dans le code source.
Maintenant, je souhaite que le centre se place en haut dans le code source.

Mais je n'y arrive pas, à vrai dire.

Je vous donne le HTML et le CSS, si vous avez une idée, merci. :wink:


HTML :
Code:
<body>
<div class="conteneur">

<div class="titreBandeau"></div>

<div class="conteneurCentre">
<div class="menuDroite"></div>
<div class="menuGauche"></div>
<div class="centre">
<div class="text">
<div class="conteneurCale"></div>
</div><!-- ferme div text -->
</div><!-- ferme centre -->
</div><!--ferme conteneurCentre-->

<div class="copyright"></div>

</div><!-- ferme conteneur -->
</body>


CSS :
Code:
/**Les styles sont classés par ordre alphabétique **/

body 
{
margin :auto;
margin-top:10px;
margin-bottom:10px;
}
.centre
{
width:565px;
margin-left: 208px;
margin-right: 208px;
}

.conteneur
{
width:984px; 
background-color:#FFFFFF;
margin:auto;
}

.conteneurCale
{clear:both;}

.conteneurCentre
{
width:982px;
clear:both
}

.copyright
{
width:982px;
clear:both
}

.titreBandeau
{
height:122px;
width:984px;
float:left;
}

.menuGauche
{
margin-top:15px;
height:auto;
width:191px;
margin-left:10px;
float:left;}

.menuDroite
{
margin-top:15px;
height:auto;
width:191px;
margin-right:10px;
float:right;
}	
.text{
width:528px;
min-height:1100px;
padding-left:20px
;}

Donc là, j'ai épuré le tout et ça se joue entre les div "centre", menuGauche, menuDroite et copyright, à mon sens. Mais je ne vois pas quelles règles appliquer pour passer le centre avant les div gauche et droite.

Merci d'avance pour votre aide.
 
WRInaute impliqué
si tu veux mettre le contenu avant tes colonnes gauche et droite les élément flottant ne sont plus la solution, tu vas devoir passer par du positionnement absolu
 
WRInaute passionné
DadouDuck a dit:
si tu veux mettre le contenu avant tes colonnes gauche et droite les élément flottant ne sont plus la solution, tu vas devoir passer par du positionnement absolu
hmm... pas sûr.
Voir ici : -http://www.aide-scolaire.eu/
Positionnement flottant, la colonne centrale se trouve avant tout le reste dans le code.
 
Discussions similaires
Haut