[CSS 2.1] Affichage fieldset avec Internet Explorer [Résolu]

[balsamique]

Bonjour à tous,

J'ai un petit souci avec un formulaire que je suis entrain de faire et qui fonctionne sous FF e Chrome mais sous explorer, seuls les boutons sont visibles.
Y-a-t-il une astuce où est-il préférable d'utiliser une autre méthode?
Merci d'avance.

La page en ligne est visible ici
Voici mon html

Code :

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
		<form method="post"  action="formInvio.php">
 
<input type="hidden" name="require" value="email,nome">
<input type="hidden" name="contenitore" value="pguerpil@hotmail.com">
<input type="hidden" name="invia_Dati" value="REMOTE_HOST,HTTP_USER_AGENT">
 
 
 
   <div id="cadre_mail">
	<fieldset><legend class="texteblanc">Vostre coordinate  </legend>
    	<p><label for="nome" class="texteblanc">Nome  </label><input type="text" name="nome" size="25"></p>
    <p><label for="email" class="texteblanc">Email </span></label><input type="text" name="email" size="25"></p>
   		<p><label for="telefono" class="texteblanc">Telefono  </label><input type="text" name="telefono" size="25"></p>
 
	</fieldset>
 
	<fieldset><legend class="texteblanc">Messaggio  </legend>
  <p><label for="Oggetto" class="texteblanc">Oggetto  </label><input type="text" name="oggetto" size="25"/></p>
		<p><label for="Messaggio" class="texteblanc">Messaggio  </label><textarea id="messaggio" name="messaggio" cols="30" rows="5"></textarea></p>
	</fieldset>
</form>
 <div style="text-align:center;"><input name="Inviare" type="submit" value="Inviare"><input type="reset"></p>
 
</div>

et mon css

Code :

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
 #cadre_mail {
	z-index: 103;
	bottom: 110px;
	position: fixed;
	vertical-align: bottom;
	left: 50px;
	top: 110px;
	height: 400px;
	width: 500px;
	border-top-width: thin;
	border-right-width: thin;
	border-bottom-width: thin;
	border-left-width: thin;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	background-color: #000;
}   
 
label {
display: block;
width: 120px;
float: left;
}

[jreaux62]

Bonjour,
commence par le passer par http://validator.w3.org/
ET corrige les erreurs : 32 Errors, 5 warning(s)

Essentiellement des balises fermantes :
- <meta .... />
- <img src="..." alt="..." />
- <input .... />
et aussi :
- <label for="telefono" ...> se rapporte à un id="telefono", pas à un name="...".
- des <div> non fermées, ou </div> en trop.

[balsamique]

Merci, je vais vérifier tout cela bien que je n'ai pas tout compris.
En particulier les erreurs <label for="telefono" ...> se rapporte à un id="telefono", pas à un name="...". car j'avais recopié le modèle fourni par aruba.
Je vais étudier tout cela. je ne m'en était pas vraiment inquiété car j'ouvre explorer une fois par an et dans les autres browsers cela marchait.
Il me reste du pain sur la planche

[jreaux62]

-> HTML <label> Tag

<form>
<label for="male">Male</label>
<input type="radio" name="sex" id="male" />
<br />
<label for="female">Female</label>
<input type="radio" name="sex" id="female" />
</form>

Envoyé par balsamique

je ne m'en était pas vraiment inquiété car j'ouvre explorer une fois par an

N'oublie pas que 80-90% des internautes "de base" utilisent Internet explorer.

[balsamique]

Encore merci pour les label. Plus que 10 erreurs mais certaines d'entre-elles, je ne les comprend pas...
Par exemple la première erreur:

Code :

1
2
3
4
Error Line 57, Column 137: end tag for "input" omitted, but OMITTAG NO was specified
 
…eblanc">Nome  </label><input type="text" name="Nome" id="Nome" size="25"></div
You may have neglected to close an element, or perhaps you meant to "self-close" an element, that is, ending it with "/>" instead of ">".

Alors que dans mon fichier, la balise est bien fermée:

Code :

<div class="ligne_mail"><label for="Nome" class="texteblanc">Nome  </label><input type="text" name="Nome" id="Nome" size="25"></div>

Peux-tu m'éclairer?

[jreaux62]

[...] end tag ... to "self-close" an element [...] => fermeture de la balise ... d'une "balise auto-fermante" (ou "balise vide") (empty tag) :

• <....... />

Exemples :

• <br />
• <hr />
• <input ... />
• <img ... />
• <meta ... />

-> Introduction à l'XHTML : Balises "vides" avec terminaison ("empty tag" ou "self-closing tags" en anglais)
-> HTML 4.01 / XHTML 1.0 Reference