Extension automatique du design

Extension automatique du design - HTML/CSS - Programmation

Marsh Posté le 08-01-2007 à 00:44:58    

BOnjour.
 
Voici l'architecture du site.
 

Code :
  1. <div id="conteneur">
  2. <div id="colone_gauche"></div>
  3. <div id="colone_droite"></div>
  4. <div id="centre"></div>
  5. </div>


 
et son CSS
 

Code :
  1. #conteneur{
  2. position: relative;
  3. width:940px;
  4. margin: 0 auto;
  5. }
  6. #centre {
  7. margin-left: 226px;
  8. margin-right: 225px;
  9. }
  11. #colone_gauche {
  12. position: absolute;
  13. left:0;
  14. width: 226px;
  15. border-right:#dddada solid 1px;
  16. }
  20. #colone_droite {
  21. position: absolute;
  22. right:0;
  23. width:225px;
  24. border-left:#dddada solid 1px;
  25. }


 
Ensuite vient mon footer.
 

Code :
  1. #footer {
  2. height:23px;
  3. background:  url(images/footer.png) ;
  4. }


 
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


Message édité par masseur le 08-01-2007 à 00:46:49
Reply

Marsh Posté le 08-01-2007 à 00:44:58   

Reply

Marsh Posté le 08-01-2007 à 07:19:16    

Déjà, pourquoi coller ton div "centre" après le div "droite" dans ton code ?
 
Mets tes div les uns à côté des autres en les faisant sortir du flux avec la propriété float:left. Puis pour faire en sorte que ton footer soit toujours en vas du conteneur le plus grand, mets un séparateur, comme une balise hr ou encore mieux, un espace insécable, auquel tu attribueras une propriété clear:both.

Reply

Marsh Posté le 08-01-2007 à 11:27:43    

Merci je vais voir ce que ca donne

Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed