Discussion :

[Leeloe]

Bonjour,
J'ai un site géré avec du css. J'ai deux problèmes:

Le premier c'est que si mon contenu est peu important, c'est coupé.
http://www.zimagez.com/zimage/screenshotcolonnes.php

Le second c'est l'inverse, quand mon contenu est long, au lieu d'arrêter le contenu au pied de page et de mettre une scrollbar, cela passe en dessous.
http://www.zimagez.com/zimage/screenshotcolonnes2.php

Le CSS: http://pastebin.com/m4eec81b

Help me! Leeloe

[Macmillenium]

Bonjour,

Ça vient du fait que la hauteur de #conteneur est limitée à celle du viewport, il faudrait attribuer min-height:100% plutôt que height:100% et rajouter un padding-bottom supérieur ou égale à la hauteur du #footer.
N'oublie pas de conférer un nouveau contexte de formatage à ton conteneur afin d'englober ses enfants flottants :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
 
div#conteneur{
  min-height:100%;
  padding-bottom:40px;
  overflow:hidden; /* Confère un nouveau contexte de formatage */
}

IE6, ne reconnait pas min-height mais interprète height de la même manière et dans ce cas, overflow:hidden devrait être annuler.
Le code à appeler via commentaires conditionnels :

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
 
<!--[if IE 6]>
<style type="text/css" media="screen">
div#conteneur{
  height:100%;
  overflow:visible; /* Valeur initiale de overflow*/
}
 </style>
<![endif]-->