Div élastique : auto ou 100% ?

Bonjour,

Quand vous voulez avoir une div élastique est-ce que vous utilisez plutôt "100%" ou plutôt "auto" ?
Il me semble que 100% n'est pas bien interprété ; avez vous des infos là dessus ?
Merci pour vos conseils.

Bonjour,

Le width: 100% est interprété correctement par tous les navigateurs (nonobstant les problèmes d'IE6 avec la propriété width quand la boite contient un élément trop large). Par contre il est moins souple qu'une largeur automatique, surtout lorsqu'on veut rajouter des marges, bordures et padding. Donc width: auto autant que possible.

Le plus souvent, lorsque j’utilise width: 100% c'est pour une histoire de HasLayout dans IE 6 et 7 (ou juste pour IE6, pour empêcher le dépassement des flottants par exemple).

Euh ma question est bête non ?
En cherchant un peu : pour une div imbriquée dans une autre :

=> 100% : la div imbriquée s'étend à 100% dans la div qui la contient
=> auto : étend la div en fonction du contenu que contient cette même div

enfin si j'ai bien tout compris...

pan a écrit :
=> auto : étend la div en fonction du contenu que contient cette même div

Non. Un élément de type bloc en width: auto, s'il n'est pas positionné en absolu (ou fixed) ou flottant, prendra toute la largeur disponible dans son conteneur. Il suffit de voir comment se comportent les paragraphes ou autres DIV (en width: auto par défaut).