Aure modèle de mise en page

Cyberbalrog

1 Sep 2005 à 13:25

Salut,

J'ai voulu modifier un modèle fourni ici: http://css.alsacreations.com/Modeles-de-mise-en-page-en-CSS; c'est le 5éime qui m'intéresse avec 3 collones centrales, largeur fixe...

Pour l'adapter, j'ai supprimé la colonne de gauche. Je n'ai donc plus que deux colonnes, une à droite (anciennement centre) qui pousse vers le bas et une à gauche. Jusque là tout va bien.
Dans ma page HTML, cette colonne qui pousse vers le bas, ce trouve après la colonne de droite. Dans le code, je voudrais que cette colonne apparaisse avant la droite et continue de pousser vers le bas...

a écrit :
Le CSS:

#header {
height: 100px;
background-color: #99CCCC;
}
#conteneur {
position: absolute;
width: 750px;
left: 50%;
margin-left: -375px;
background-color:#CCCCFF;
}
#centre {
background-color:#FFFF00;
margin-right: 150px;
}
#droite {
background-color:#FF0000;
position: absolute;
right:0;
width: 150px;
}
#pied {
height: 30px;
background-color: #99CC99;
}

a écrit :
HTML
<body>
<div id="conteneur">
<div id="header">header</div>
<div id="droite">droite</div>
<div id="centre">gauche qui pousse <br><br><br></div>
<div id="pied">pied de page</div>
</div>
</body>

et la j'ai essayé pendant 2 heures, sans arriver à quoi que ce soit. En gros tout ce qui est positionné en absolute ne pousse pas vers le bas et doit être mis en premier dans le code HTML.

QQ1 pourrait-il m'éclairer et me donner un début de réponse?
Merci d'avance!

Macpom

1 Sep 2005 à 14:01

Bonjour,
je ne comprends pas bien ton problème :
l'affichage de ta page donne bien la colonne qui pousse sur la gauche... ???
Ah, ok : quand tu places, dans le code, "div=centre" avant "div=droite", cette dernière se glisse en dessous ... ?

Macpom

1 Sep 2005 à 14:12

Tiens, essaye ça :


#centre {
background-color:#FFFF00;
float: left;
width: 600px;
}
#droite {
background-color:#FF0000;
float: right;
width: 150px;
}