Discussion :

[tuxout]

Salut à tous,

Je me demande comment faire un div qui ne s'étend pas en largeur !?

[MasterOfChakhaL]

tout simplement en ajustant la propriété overflow...

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
 
div {
  overflow: hidden;
}

hidden indique que le contenu qui dépasse sera caché.
scroll indique que ton div aura forcément des scrolls
auto indque que le scroll n'apparaîtront que si c'est nécessaire

génélralement, la valeur par défaut dans les navigateurs est none et le div s'adapte alors à son contenu

[tuxout]

Merci pour ta réponse, mais on ne s'est pas compris

En fait j'ai un div qui s'étend sur 100% de la largeur de ma page alors que je ne lui stipule aucune taille, je voudrai qu'il s'adapte simplement à son contenu comme il peut le faire dans sa hauteur.

[MasterOfChakhaL]

effectivement, je n'avais pas compris

dans ce cas, tu peux définir la propriété float, ca fera que la div adaptera sa largeur au contenu.

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
 
div {
  float: left;
}

ca aligne ta div à gauche. (il y a aussi la valeur right...)
En revanche la facon de positionner les blocs "flottants" est différentes. Il te faudra p'tet quelques explications de plus si tu as des soucis.

[tuxout]

oki merci