Discussion :

[titoumimi]

Re-bonjour.

Je cherche à présent à créer un style pour mes div leur permettant de prendre la largeur de leur contenu.

J'ai essayé avec width:auto, ca ne semble pas marcher

existe-t-il une solution simple permettant de faire celà s'il vous plait ?

Merci d'avance

[Johnbob]

En toute logique tu ne spécifies aucune largeur et le div s'adapte à son contenu.

[titoumimi]

bah j'ai ca comme style :

Code :

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

1
2
3
4
 
div.centre {
	background-color:#33CCFF;
	}

et ca dans mon HTML :

Code :

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

1
2
3
	<div class="centre">
		coucou
	</div>

ca me fait une ligne bleur qui me prend l'ensemble de la page (firefox 1.5) au lieu d'une "boite" encadrant mon coucou

[Johnbob]

J'ai dit une bétise. Un div est en display "block" par défaut. Ce qui signifie qu'il prend toute la place dont il dispose.

L'autre type de display est "inline". Celui-ci prend le minimum de place et s'affiche sans saut de ligne (le "block" impose ce saut de ligne).

Conclusion: tu peux écrire:

Code :

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

1
2
3
4
div.centre {
  display:inline;
  background-color:#33CCFF;
}

Les éléments Block:
div, h1, h2, h3, hX, p...

Les éléments Inline:
a, img, span...

[titoumimi]

ohhhhh merveille

Un très gros merci, c'est exactement ce que je cherchait :-)