Height qui s'adapte au contenu

Height qui s'adapte au contenu - HTML/CSS - Programmation

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?
 
 

Reply

Marsh Posté le 09-08-2010 à 11:10:08   

Reply

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...


---------------
Le membre ci-contre n'est pas responsable du message ci-dessus.
Reply

Marsh Posté le 09-08-2010 à 13:04:10    

contexte de formatage toussa toussa


---------------
Blablaté par Harko
Reply

Marsh Posté le 10-08-2010 à 10:32:01    

Reply

Marsh Posté le 10-08-2010 à 10:38:42    

sur #grandcadre tu rajoutes overflow:hidden;
 
contexte de formatage powaaaaaa !


---------------
Blablaté par Harko
Reply

Marsh Posté le 10-08-2010 à 10:51:51    

Parfait ça fonctionne. Merci bien !
 
Tu peux m'en dire plus sur cette fonction?

Reply

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.


---------------
Blablaté par Harko
Reply

Marsh Posté le 10-08-2010 à 10:59:59    

gatsu35 a écrit :

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.


 
OK merci bien !
 
Tout ça n'est qu'une question de... contexte de... formatage !  :D

Reply

Sujets relatifs:

Leave a Replay

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