Height qui s'adapte au contenu - HTML/CSS - Programmation
Marsh Posté le 09-08-2010 à 12:14:09
Salut,
Donne une url pour qu'on puisse voir, ou donne le CSS que tu as mis pour #fondblanc...
Par defaut, la hauteur d'une <div> s'adapte au contenu, sauf si tu lui à attribué une propriété "height" au CSS, auquel cas celle-ci (dépendant de l'overflow) prend le dessus...
Marsh Posté le 09-08-2010 à 13:04:10
contexte de formatage toussa toussa
Marsh Posté le 10-08-2010 à 10:38:42
sur #grandcadre tu rajoutes overflow:hidden;
contexte de formatage powaaaaaa !
Marsh Posté le 10-08-2010 à 10:51:51
Parfait ça fonctionne. Merci bien !
Tu peux m'en dire plus sur cette fonction?
Marsh Posté le 10-08-2010 à 10:56:35
le overflow:hidden ?
normalement c'est pour déterminer comment se comporte ta box, c'est à dire si tu veux que le contenu puisse dépasser de ta boite ou non (hidden), sinon "scroll" affiche les scrollbars.
Mais derrière tout ça il y a un concept en CSS quand tu rajoutes le overflow:hidden (une valeur autre que visible), ou float, il y a d'autre propriétés marchent aussi.
Enfin bref, ta box conserve sa consistance et prend la hauteur de ses éléments flottés.
Comme te l'expliquait abais plus haut, une boite ne prend que la hauteur de ses éléments qui sont dans le flux. Quand tu "float" un élément, il sort du flux.
Marsh Posté le 10-08-2010 à 10:59:59
gatsu35 a écrit : le overflow:hidden ? |
OK merci bien !
Tout ça n'est qu'une question de... contexte de... formatage !
Marsh Posté le 09-08-2010 à 11:10:08
Bonjour tout le monde,
Je rencontre un problème en ce moment.
Voilà en résumé la structure de ma page index.php:
<div id="fondblanchaut"></div>
<div id="fondblanc">
Ensemble de div et de class
</div>
<div id="fondblancbas">
Voilà à quoi ça correspond à l'écran:
http://img231.imageshack.us/img231/5036/siteq.png
Le problème c'est que le fond blanc que j'ai défini avec un background-repeat: repeat-y; ne s'adapte pas au contenu. Comment faire?