Contenu prenant toute la hauteur

Contenu prenant toute la hauteur - HTML/CSS - Programmation

Marsh Posté le 13-03-2007 à 19:40:20    

Bonjour.
 
J'aimerai que le contenu (vertivalement) prenne toujours toute la hauteur de la page du naviguateur meme si le nombre de réponse renvoyée est infime
Voici mon code html
 

Code :
  1. <div id="all">
  2. <div id="header"></div>
  3. <div id="contenu">
  4. </div><!--fin div contenu-->
  5. </div><!--fin div all-->


 
Et voici mon css
 

Code :
  1. #all {
  2. background: url(images/fond_all.png) top center repeat-y !important;
  3. background: url(images/fond_all.gif) top center repeat-y;
  4. width: 540px;
  5. margin: 0 auto;
  6. min-height: 100%;
  7. height: auto !important;
  8. height: 100%;
  9. }
  10. #header {
  11. height: 91px;
  12. width: 540px;
  13. margin-bottom: 0 !important;
  14. background: url(images/header.png) top right no-repeat !important;
  15. background: url(images/header.gif) top right no-repeat; /*stoopid ie*/
  16. }
  17. #contenu {
  18.     margin-top:10px;
  19. width: 520px;
  20. padding-left: 10px;
  21. }


 
Le site ne s'allonge pourtant pas sur toute la hauteur comment faire?
COrdialement


Message édité par masseur le 13-03-2007 à 19:40:44
Reply

Marsh Posté le 13-03-2007 à 19:40:20   

Reply

Marsh Posté le 14-03-2007 à 08:02:35    

La hauteur d'un conteneur s'adapte si elle n'a pas été explicitée au contenu dudit conteneur.

Reply

Marsh Posté le 14-03-2007 à 10:42:53    

html, body, #all { height: 100%; }

Reply

Marsh Posté le 14-03-2007 à 12:46:12    

Cela ne change rien.
SNiff sniff et snifff
 

Citation :

La hauteur d'un conteneur s'adapte si elle n'a pas été explicitée au contenu dudit conteneur.


 
C'est bien le cas pourtant

Message cité 1 fois
Message édité par masseur le 14-03-2007 à 12:54:00
Reply

Marsh Posté le 14-03-2007 à 14:18:48    

html, body, #all { min-height: 100%; }

Reply

Marsh Posté le 14-03-2007 à 14:26:20    

Code :
  1. html, body, #all { min-height: 100%; }


 
 J'ai deja testé et ca prends pas toute la hauteur c'est assez dingue.

Reply

Marsh Posté le 14-03-2007 à 16:09:33    

masseur a écrit :

Cela ne change rien.
SNiff sniff et snifff


 
Tu as bien viré le "height: auto !important" avant de tester hein ?
 


---------------
When it's from Finland it's good.  - Mon blog
Reply

Marsh Posté le 14-03-2007 à 16:39:21    

Citation :

Tu as bien viré le "height: auto !important" avant de tester hein ?


 
Oui bien entendu, j'ai laissé que le height: 100%

Reply

Marsh Posté le 14-03-2007 à 18:46:13    

Je tenais à préciser que sous IE 6, quand le contenu est très petit le fond s'affiche quand même jusqu'en bas du naviguateur mais pas dans firefox.

Reply

Marsh Posté le 15-03-2007 à 08:45:47    

Bizarre normalement ça fonctionne aussi sous Firefox. Tu as le code complet (HTML également) ? Une URL de test ?


---------------
When it's from Finland it's good.  - Mon blog
Reply

Sujets relatifs:

Leave a Replay

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