2009-09-22 11 views
2

Le contenu d'une page est chargée dans un div:Hauteur du contenu dans une div

<div id="content">Some content</div> 

Le div a une hauteur fixe et utilise défilement en cas de débordement. Je veux ajuster la hauteur (la rendre plus petite) de la div onload si le contenu n'a pas besoin de la hauteur fixe de la div. Comment puis-je mesurer la hauteur du contenu à l'intérieur de la div?

J'ai essayé de travailler dans l'autre sens. Pas de hauteur fixe et après chargement de la page mesurant la hauteur de la div et sur débordement ajustant la hauteur de la div à un certain max. Mais cela a donné des problèmes avec certaines images dans le contenu qui n'ont pas de hauteur et de largeur. Le navigateur donne une mauvaise hauteur de la div car les images ne sont peut-être pas encore chargées. Même avec $ (fenêtre) .ready (...

Toute aide est appréciée

Répondre

1

Qu'en est-il couchait max-height dans le CSS

Et pour IE6, vous pouvez utiliser des expressions CSS:?

<!--[if lte ie6]> 
<style> 
#content { 
    height: expression(this.scrollHeight > 499? "500px" : "auto"); 
} 
</style> 
<![endif]--> 

Ceci est très laid, mais il en est IE6 ...

+2

Non pris en charge dans IE6 – AnthonyWJones

+0

IIRC, la propriété de la hauteur dans IE6 avec trop-plein: fonctions visibles exactement les mêmes que max-height, c'est-à-dire que le contenu débordant augmentera les dimensions de l'élément. – slikts

+0

@Reinis: Ce serait 'min-height' ... Il cherche à avoir le div contrat, pas d'expansion ... – peirix

Questions connexes