| |
|
Voir le sujet précédent :: Voir le sujet suivant
|
| Auteur |
Message |
| |
|
Meeuuuhhh
WRInaute accro
Inscrit le: 08 Jan 2007
Messages: 1447
Localisation: Au meilleur endroit
|
 Posté le : Dim Mai 11, 2008 12:05 Sujet du message: CSS : changer la structure de la page |
|
|
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. 
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. |
|
| |
|
 |
DadouDuck
WRInaute passionné
Inscrit le: 28 Mai 2007
Messages: 670
|
| Posté le : Dim Mai 11, 2008 12:23 Sujet du message: CSS : changer la structure de la page |
|
|
| 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 |
|
| |
|
|
Meeuuuhhh
WRInaute accro
Inscrit le: 08 Jan 2007
Messages: 1447
Localisation: Au meilleur endroit
|
| Posté le : Dim Mai 11, 2008 21:31 Sujet du message: CSS : changer la structure de la page |
|
|
Ouaif...
Bon j'ai laissé tomber, mais je te remercie pour ta réponse, dadouduck. |
|
| |
|
|
SpeedAirMan
WRInaute passionné
Inscrit le: 01 Juin 2007
Messages: 891
Localisation: sur WebiBuzz.com ;-)
|
| Posté le : Dim Mai 11, 2008 22:45 Sujet du message: CSS : changer la structure de la page |
|
|
| DadouDuck a écrit: |
| 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. |
|
| |
|
|
| |
|
|
|
|
Autres sujets de discussion :
|
|
