28173 sujets

CSS et mise en forme, CSS3

Un "conteneur" à hauteur "auto" ...

Bonjour à tous!

Je ne parviens pas à faire en sorte que mon div conteneur prenne une hauteur automatique selon son contenu...

voila le conteneur:
#global {
	position: relative;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
	width: 1000px;
	height:auto
	
     }


le "auto" ne fonctionne pas apparement...

Une solution??

D'avance merci pour votre aide! Smiley cligne
Modifié par nims (02 Nov 2007 - 16:49)
Bonjour nims,

Ne spécifie rien pour la hauteur ( ce qui ne t'empêche pas de pouvoir mettre un fond, des bordures, des marges internes, etc...) et ton conteneur s'adaptera en fonction de ce qu'il contient...simple, isn't it ? Smiley cligne

ps: petite précision si besoin est, cela dépend également de la structure de ta page et des propriétées que tu as déjà définies...c'est pour cela qu'un code complet (html + css) ou significatif et/ou un lien vers le site en développement n'est pas inutile pour une réponse appropriée...

Smiley cligne
Modifié par 6l20 (02 Nov 2007 - 18:02)
Je pense savoir d'où vien le soucis.

Dans ce bloc en "relative"
J'ai d'autre bloc qui fonctionne de la meme facon:


en gros:



<div id="global_1" style="position:relative">
<div style="position:absolute">

          <div id="global_2" style="position:relative">
          <div style="position:absolute">

             

          </div>
          </div>
</div>
</div>


le premier absolute ne prend pas de hauteur en "auto"
je suis obligé de spécifier une hauteur fixe (soucis quand toutes les pages n'ont pas les meme hauteur...)
je ne vais pas faire un script pour définir une hauteur pour chaque page...

comment faire?
Le problème vient du fait que ton div global ne contient que des éléments positionnés, et par conséquent, hors du flux. Ton conteneur se comporte donc comme s'il était vide de tout contenu.
Tu as plusieurs solutions:
• laisser le plus long contenu dans le flux
• utiliser la solution Clearance de Shaun Inman
• travailler avec des flottants

Un exemple du gabarit auquel tu souhaiterais arriver pourrait nous aider à t'aiguiller dans la bonne direction.
Sujet clos
Aller à