[Résolu] Conteneur de la largeur du contenu ?

Bonsoir,

Je suis nouveau sur le forum et débutant dans les CSS (et conception web par la même occasion).

Je créé mon premier site avec CMS Made Simple, et dans la page http://sch.progresoft.fr/cmsmadesimple/index.php?page=concors-de-poesia je voudrais que le fond jaune foncé soit de la largeur du texte.
J'ai donc créé le style suivant :


.jaune {
background-color: #FFCC00;
padding: 10px 10px 10px 10px;
}

qui me servira pour d'autres textes . Ma question est la suivante :

Est il possible de créer un style de conteneur qui adapte sa largeur à la largeur du texte qu'il contient ? En gros je voudrais faire ça : http://pagesperso-orange.fr/ocpouzols/Concorsdepoesia.html (c'est le site original, fait avec des tableaux et non des CSS).

Qui peux m'aider ?

Merci d'avance,

Jean-Michel
Modifié par jims34 (27 May 2008 - 18:25)

Bonsoir,

Un «bloc» dont la largeur dépend de son contenu et qui peut être centré horizontalement, c'est possible avec:
1. un bloc en affichage de type "table";
2. un bloc en affichage de type "inline-block".

display: table ne sera pas compris par Internet Explorer 6-7, et display: inline-block ne sera pas compris pour un élément de type bloc (par exemple une DIV) par Internet Explorer 6-7 et Firefox 2. Tous les navigateurs récents non cités (y compris Firefox 3 qui sort le mois prochain et Internet Explorer 8 qui sort... euh peut-être à la fin de l'année) sont compatibles.

La seule solution largement compatible à l'heure actuelle est d'utiliser un tableau à une cellule, en margin: 0 auto pour le centrage.

Bonsoir,

et merci, j'ai fait comme indiqué et ça marche.

Jean-Michel