[css] Extension automatique du design

Logiciel & apps Programmation
1

BOnjour.

Voici l’architecture du site.

<div id="conteneur">
<div id="colone_gauche"></div>
<div id="colone_droite"></div>
<div id="centre"></div>
</div>

et son CSS

#conteneur{
position: relative;
width:940px;
margin: 0 auto;
}
#centre {
margin-left: 226px;
margin-right: 225px;
}

#colone_gauche {
position: absolute;
left:0;
width: 226px;
border-right:#dddada solid 1px;
}



#colone_droite {
position: absolute;
right:0;
width:225px;
border-left:#dddada solid 1px;
}

Ensuite vient mon footer.

#footer {
height:23px;
background:  url(images/footer.png);
}

Cependant j’ai un problème, quand mon div centre augmente, cela augmente bien les colonnes droites et gauches mais le tout passe sur mon footer

Comment faire pour que le footer se mette juste après?

Merci d’avance.
Cordialement

2

En n’utilisant pas position: absolute;

position: absolute, c’est pour sortir du flot normal de l’affichage; donc, à la base ça ne risque pas :slight_smile:

Tu peux tenter float: left; sur la colonne gauche, et float: right sur celle de droite, et un clear: both sur le footer.

Néanmoins, tu devrais (je pense) virer le position: relative sur ton conteneur.

3

Merci je vais voir ce que ca donne.