Height à 100% [Résolu]

[Tobear91]

Bonjour, je suis en galère avec la hauter de mon bloc comme vous pouvez le constater sur mon site : http://www.hcweb.fr

La hiérarchie de mes div est comme cela :

Code :

1
2
3
4
5
 
<div id="global">
     <div id="content">
     </div>
</div>

Mes deux div on un height 100% ainsi que body et html, la est mon problème !! Tous mes div parents sont à height 100% donc je ne sais pas comment régler mon problème de mise en page.

J'ai essayé avec "position: relative" mais ca ne change rien. J'ai lu de nombreux truc mais j'avou que je suis à court d'idées. Je m'arrache les cheveux

Si quelqu'un pouvait me mettre sur la piste, merci beaucoup

[Macmillenium]

Il faut mettre un overflow:hidden sur #content.

L'explication dans la FAQ: http://css.developpez.com/faq/?page=...ment_flottants

[Tobear91]

Merci je n'avait pas trouvé cette aide. Néanmoins je n'arrive pas à régler le problème. Dans le lien que tu m'as donné il y a différentes si je comprend bien ?

J'ai aussi omis un détail, c'est qu'il y a 2 div enfant dans mon content comme ceci, je ne sais pas si ça peut changer quelques chose :

Code :

1
2
3
4
5
6
7
8
9
 
<div id="global">
     <div id="content">
          <div id="corps">
          </div>
          <div id="droit">
          </div>
     </div>
</div>

Je suis toujours à la recherche d'une solution, merci cette piste

[Macmillenium]

Envoyé par Tobear91

Merci je n'avait pas trouvé cette aide. Néanmoins je n'arrive pas à régler le problème.

Envoyé par Macmillenium

Il faut mettre un overflow:hidden sur #content.

[Tobear91]

Ah oui autant pour moi j'avais déjà essayé, alors ca fonctionne en partie, c'est à dire que le texte qui dépasse se cache mais impossible de scroller pour voir la fin du texte

[Macmillenium]

Sur #global, remplace height:100% par min-height:100%

[Tobear91]

Merci beaucoup ça fonction parfaitement !! Je crois que j'aurais pu chercher encore longtemps !! Merci pour ton aide et ta patience

Bonne continuation

[Tobear91]

Ah mince du coup les pages où il n'y a pas de texte, le corps ne se répète pas dans toutes la hauteur.

En fait c'est tout l'un ou tout l'autre non ?

[Candygirl]

En donnant un min-height à ton global, le hight de ton #content n'est pas pris en compte puisqu'il n'y a plus de hight défini sur #global.

En appliquant l'image de fond de ton content à ton global, moyennant quelques retouches, tu devrais obtenir le résultat souhaité.

[Tobear91]

Oui effectivement je crois que je vais opter pour cette solution, je vais devoir revoir mes éléments graphique.

Merci pour ton point de vue, je considère comme résolu