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

  FORUM HardWare.fr
  Programmation
  HTML/CSS

  Height qui s'adapte au contenu

 


 Mot :   Pseudo :  
 
Bas de page
Auteur Sujet :

Height qui s'adapte au contenu

n°2015308
willy54
Posté le 09-08-2010 à 11:10:08  profilanswer
 

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?
 
 

mood
Publicité
Posté le 09-08-2010 à 11:10:08  profilanswer
 

n°2015326
abais
Posté le 09-08-2010 à 12:14:09  profilanswer
 

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.
n°2015353
gatsu35
Blablaté par Harko
Posté le 09-08-2010 à 13:04:10  profilanswer
 

contexte de formatage toussa toussa


---------------
Blablaté par Harko
n°2015680
willy54
Posté le 10-08-2010 à 10:32:01  profilanswer
 
n°2015684
gatsu35
Blablaté par Harko
Posté le 10-08-2010 à 10:38:42  profilanswer
 

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


---------------
Blablaté par Harko
n°2015693
willy54
Posté le 10-08-2010 à 10:51:51  profilanswer
 

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

n°2015694
gatsu35
Blablaté par Harko
Posté le 10-08-2010 à 10:56:35  profilanswer
 

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
n°2015695
willy54
Posté le 10-08-2010 à 10:59:59  profilanswer
 

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


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

  Height qui s'adapte au contenu

 

Sujets relatifs
SQL Modification conditionnelle d'un string en fonction de son contenuCode php affichant le contenu d'un fichier log ?
Supprimer contenu répertoire sauf 1 fichierSélection du contenu des indexs d'une table
[résolu] modification du contenu d'une page en fonction d'un paramètreVB : Insérer le contenu d'un textbox dans une page web
Contenu d'un site à afficher sur un autre siteEcho du contenu d'une variable possible ?
page html -> contenu dossierFree - mail et contenu html
Plus de sujets relatifs à : Height qui s'adapte au contenu


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