Forum |  HardWare.fr | News | Articles | PC | S'identifier | S'inscrire | Shop Recherche
1245 connectés 

  FORUM HardWare.fr
  Programmation
  HTML/CSS

  Extension automatique du design

 


 Mot :   Pseudo :  
 
Bas de page
Auteur Sujet :

Extension automatique du design

n°1500138
masseur
Posté le 08-01-2007 à 00:44:58  profilanswer
 

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. }
  10. #colone_gauche {
  11. position: absolute;
  12. left:0;
  13. width: 226px;
  14. border-right:#dddada solid 1px;
  15. }
  16. #colone_droite {
  17. position: absolute;
  18. right:0;
  19. width:225px;
  20. border-left:#dddada solid 1px;
  21. }


 
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
mood
Publicité
Posté le 08-01-2007 à 00:44:58  profilanswer
 

n°1500155
gebruik
Posté le 08-01-2007 à 07:19:16  profilanswer
 

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.

n°1500225
masseur
Posté le 08-01-2007 à 11:27:43  profilanswer
 

Merci je vais voir ce que ca donne


Aller à :
Ajouter une réponse
  FORUM HardWare.fr
  Programmation
  HTML/CSS

  Extension automatique du design

 

Sujets relatifs
[UNIX/LINUX] test d'existence de fichiers d'apres l'extensionScript d'upload avec redimensionnement automatique
Problème d'execution automatique de page htmlClassement automatique
Execution automatique d'une page PHP à une heure préciseExtension Visio 2003 pour schema de base mysql
Problème de design avec IEMsgBox (réponse automatique)
faire un classement automatique 
Plus de sujets relatifs à : Extension automatique du design


Copyright © 1997-2022 Hardware.fr SARL (Signaler un contenu illicite / Données personnelles) / Groupe LDLC / Shop HFR