Bonsoir.

J'ai un petit souci. J'ai une page dont le contenu semble être plus logique à faire avec des <fieldset/>s (pas de formulaires). Graphiquement avec CSS, ça va donner des jolies zones avec bordure, arrière plan et, en haut, le nom de la zone en question.

J'ai donc :

Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
<fieldset>
  <legend>Zone 1</legend>
  <!--Contenu de la zone 1-->
</fieldset>
et au niveau du CSS :

Code : Sélectionner tout - Visualiser dans une fenêtre à part
fieldset legend{display:block;background:#eee url(...) repeat-x left top;color:#444;line-height:30px;}
Problème : malgré mon très beau display:block, le <legend/> reste comme s'il était display:inline.

Note : en cherchant sur internet, j'ai vu que IE affichait ça sur toute la ligne (la version n'étant pas indiquée, je présume qu'il s'agissait du IE6, en tout cas IE8 affiche également le bloc en inline). En tout cas aucune solution n'a été donnée pour afficher ça sur toute la ligne dans les navigateurs normaux, si ce n'est de passer par un assemblage <div/> à la place de <fieldset/> et <legend/>, ce que je trouve un peu dommage de faire en l'espèce.


Quelqu'un sait-il, déjà, pourquoi ça fait ça, et ensuite comment faire pour afficher le bloc sur toute la ligne ?

Merci d'avance.