[FireFox 3]Retour à la ligne automatique dans un <Legend>

**Benzeghiba** · 15/07/2008, 22h18

Bonjour,

Sur mon site Web j'avais réussi à obtenir le retour à la ligne automatique dans un <legend> qui se trouve dans un tableau (dès que le texte du legend est plus grand que la largeur du tableau) et cela en mettant dans le <legend> un span qui a une largeur fixe avec un style display:block, et celà fonctionnait avec tous les navigateurs.

Mais je viens de constater que ça ne marche pour le nouveau FireFox 3, le texte de la légende dépasse la largeur du tableau sans que ce dernier ne soit redimensionné.
Avez-vous une idée sur la question ?

Je posterais un exemple de code ultèrieurement.

**Erwan31** · 16/07/2008, 01h01

Bonsoir,
l'élément legend n'a rien à faire dans un tableau, donc commences par le remplacer par l'élément adéquate (a priori caption).
Le bout de code correspondant ne serait en effet pas inutile.

**Benzeghiba** · 16/07/2008, 16h19

Au fait, avec <legend> on précise le titre d'un <fieldset> qui est un regroupement d'élément dans un formulaire. et c'est ce que je veux faire dans mon cas. mon formulaire se trouve à l'intérieur d'un tableau, mais ce n'est pas le titre du tableau que je veux définir, donc <caption> n'est pas approprié.

Malheureusement, pour des raisons de confidentialité, je ne peux pas poster le code original. J'ai essayé de reproduire l'erreur sur un ptit exemple mais je n'ai réussi !

**Benzeghiba** · 16/07/2008, 17h29

J'ai réussi à reproduire le dysfonctionnement sur un petit exemple que le voici

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
<html>
<head>
	<title>Le titre de la page</title>
	<style type="text/css">
                legend {
                        padding: 0px;
                        margin : 0px;
                }
        </style>
</head>
<body>
	<form name="Form1" method="post" action="page.aspx" id="Form1">
		<table style="width: 350px; background-color: green">
			<tr>
				<td>
					<fieldset ><legend><span style="width: 330px; display:block; background-color: yellow">Voilà un texte long, très long, très très long, très très très long, très très très très long<span></legend></fieldset>
				</td>
			</tr>
			<tr>
				<td>
					<fieldset><legend><span>Voilà un texte court</span></legend></fieldset>
				</td>
			</tr>
		<table>
	</form>
</body>
</html>

Si vous ouvrez ce HTML avec FireFox 3.0 vous remarquerez que le texte (très long) de la première ligne du tableau déborde de celui-ci. si je mets "display: inline" (au lieu de block) la largeur du tableau augmente pour accueuillir tout le texte. Or moi je veux que la largeur du tableau reste toujours à 350px et qu'il y ait un saut de ligne quand le texte est tros long pour le tableau.

Avec tous les autres navigateurs, y compris les anciennes versions de Firefox j'obtiens le résultat souhaité.

Comment pourrais-je remédier à la situation et obtenir le bon comportement avec tous les fureteurs, sachant que je ne dois pas abandonner les <fieldset> et les <legend> mais je peux utiliser n'importe quel attribuit de style.

Merci par avance

**Benzeghiba** · 16/07/2008, 19h53

C'est bon je l'ai trouvé, il m'a suffit d'ajouter au span l'attribut de style suivant : "white-space : normal"

C'est bizarre car normalement c'est la valeur par défaut ! mais bon ça ne tenait qu'à ça

**Erwan31** · 17/07/2008, 00h06

Envoyé par Benzeghiba

C'est bon je l'ai trouvé, il m'a suffit d'ajouter au span l'attribut de style suivant : "white-space : normal"

C'est bizarre car normalement c'est la valeur par défaut ! mais bon ça ne tenait qu'à ça

Et encore un bug de plus pour Firefox3, décidément elle est très décevante cette version.

PS: es tu certain qu'un tableau soit nécessaire?

**Benzeghiba** · 17/07/2008, 15h57

Comment peut-on signaler les bugs rencontrés à l'équipe FireFox ?!

Oui le tableau m'est nécessaire pour organiser et aligner les éléments du formulaire, et en tout état de cause, il doit être possible de mettre des tableaux dans un formulaire.

**Erwan31** · 17/07/2008, 17h05

Envoyé par Benzeghiba

Comment peut-on signaler les bugs rencontrés à l'équipe FireFox ?!

Oui le tableau m'est nécessaire pour organiser et aligner les éléments du formulaire, et en tout état de cause, il doit être possible de mettre des tableaux dans un formulaire.

Pour le signalement des erreurs ça j'en sais rien, tu peux demander sur le forum de Geckozone.org.

Oui un tableau peut être insérer dans un formulaire ce n'est pas invalide
mais l'alignement en colonnage peut être géré via CSS.

[FireFox 3]Retour à la ligne automatique dans un <Legend>

HTML

Discussions similaires

Partager

Partager