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

  FORUM HardWare.fr
  Programmation
  HTML/CSS

  Header puis bloc occupant 100% du reste de la page

 



 Mot :   Pseudo :  
 
Bas de page
Auteur Sujet :

Header puis bloc occupant 100% du reste de la page

n°2002952
olivier65
Posté le 19-06-2010 à 13:54:21  profilanswer
 

Bonjour à tous !!  :hello:  
 
Alors voilà mon problème aujourd'hui, en fait mon code HTML ressemble à ça :
 

Code :
  1. <html>
  2. <head>
  3. </head>
  4. <body>
  5. <div id="header">
  6.         </div>
  7. <div id="global">
  8.  <div id="contenu">
  9.  </div>
  10.          <div id="pieddepage">
  11.                  </div>
  12. </div>
  13. </body>
  14. </html>


 
Et mon CSS :

Code :
  1. html
  2. {
  3. height: 100%;
  4. }
  5. body
  6. {
  7. background-image: url("/images/rayures.png" );
  8. height: 100%;
  9. margin: 0;
  10. }
  11. #header
  12. {
  13. background-color: gray;
  14. width: 100%;
  15. height: 200px;
  16. margin: 0;
  17. }
  18. #global
  19. {
  20. width: 1400px;
  21. background-image: url("/images/fond.png" );
  22. background-repeat: repeat-y;
  23. margin: auto;
  24. }


 
Et donc en fait mon header part du haut de la page et descend sur 200pixels, mais ensuite j'aimerais que mon bloc "global" occupe au minimum le reste de la page, pour que mon background descende jusqu'en bas de la page, voire plus si le contenu l'exige. Mais le problème c'est que lorsque j'essaye de mettre à mon bloc global "min-height:100%" à ce moment là il n'occupe pas 100% de l'espace restant (c'est-à-dire 100% - 200px du header) mais il occupe 100% de la page web, et donc j'ai une barre de défilement qui apparait... :pt1cable:  
 
Quelqu'un a t-il une idée du souci ?  
Merci d'avance,  ;)
 
Olivier

mood
Publicité
Posté le 19-06-2010 à 13:54:21  profilanswer
 

n°2002967
kokusho
Posté le 19-06-2010 à 14:40:06  profilanswer
 

Pourquoi ne pas mettre tous simplement ton background sur le body ? et pas sur le bloc de contenu ? t'aurai plus de soucis de hauteur de page.  
 
A moins que je n'ai pas compris ton problème.


---------------
Dépots d'annonces gratuites entre particulier :  http://www.mini-annonces.fr/
n°2003094
olivier65
Posté le 20-06-2010 à 14:44:14  profilanswer
 

kokusho a écrit :

Pourquoi ne pas mettre tous simplement ton background sur le body ? et pas sur le bloc de contenu ? t'aurai plus de soucis de hauteur de page.  
 
A moins que je n'ai pas compris ton problème.


 
Hey, merci d'avoir répondu !
Bon c'est vrai que je n'avais pas pensé à faire ça, mais il se trouve que ça ne va pas être possible parce qu'en fait mon body a déjà une image de fond (des rayures) et donc je veux ajouter sur ces rayures la partie du "global"...

n°2003135
abais
Posté le 20-06-2010 à 22:48:39  profilanswer
 

Dis nous le but recherché afin de pouvoir t'aider...

 

Tu peux faire en sorte que ta <div id="global"> soit fils unique du <body>, cette <div> contenant ton header/contenu/footer...


Message édité par abais le 22-06-2010 à 11:14:35

---------------
Le membre ci-contre n'est pas responsable du message ci-dessus.
n°2003138
the prison​er
Posté le 20-06-2010 à 23:04:41  profilanswer
 

tu peux aussi attribuer une image a HTML

n°2003409
Ch'DUP
Posté le 21-06-2010 à 16:44:31  profilanswer
 

abais a raison, tu appliques ton min-height:100% à une div qui englobe header et contenu et ça devrait rouler


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

  Header puis bloc occupant 100% du reste de la page

 

Sujets relatifs
Protection d'une page permettant l'accès à une base de données sqlFaire remonter une valeur dans une page
ouverture nouvelle fenêtre suite à headerPiratage - Page perso Free - .htaccess
[Résolu] Changer couleur du lien de la page activereponse optenue sujet terminer
Formulaire PHP, retour sur ma page d'origine[résolu] modification du contenu d'une page en fonction d'un paramètre
"Capturer" des données dynamiques d'une page web ?VB : Insérer le contenu d'un textbox dans une page web
Plus de sujets relatifs à : Header puis bloc occupant 100% du reste de la page


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