Fieldset avec internet Explorer

Version imprimable

Bonjour,

Je vous expose mon problème: j'ai un fieldset dans un formulaire qui n'apparaît pas avec Internet Explorer
alors qu'il fonctionne avec les autres navigateurs.

Avec les problèmes de CSS on peut avoir recours aux hacks
mais avec le html on peut faire comment?

Quelqu'un pourrait-il m'ader?

Voici le code de mon formulaire:

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
26
27
 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Identification</title>
</head>
 
<body>
 
    <form action="traitement.php" method="post" id="identification" accept-charset="UTF-8">
 
<ul style="list-style-type: none; width: 63%; font-size: 20px;">
    <fieldset>
       <legend align="center" class="authentification">Veuillez entrer votre nom et votre mot de passe.</legend>
        <br/>
 
        <li>Votre nom:<input name="nom" id="nom" type="text" size="17" maxlength="15" /></li>
        <br/>
        <li>Votre mot de passe:<input name="pass" id="pass" type="password" size="14" maxlength="12" /></li>
    </fieldset>
    </form> 
</ul>
 
</body>
 
</html>

Bonjour,
peut être devrais tu commencer par créer un code HTML valide, regarde bien l'imbrication de tes balises.

Code:

1
2
3
4
5
6
7
8
9
10
11
<form action="traitement.php" method="post" id="identification" accept-charset="UTF-8">
    <ul style="list-style-type: none; width: 63%; font-size: 20px;">
        <fieldset>
            <legend align="center" class="authentification">Veuillez entrer votre nom et votre mot de passe.</legend>
            <br/>
            <li>Votre nom:<input name="nom" id="nom" type="text" size="17" maxlength="15"/></li>
            <br/>
            <li>Votre mot de passe:<input name="pass" id="pass" type="password" size="14" maxlength="12"/></li>
        </fieldset>
    </form>
</ul>

Bonjour,
J'ai eu quelques soucis de connexion ces derniers jours, c'est pourquoi je réponds seulement maintenant :mrgreen:
Oui d'accord pour la balise de fermeture </ul> j'ai corrigé et ça ne change rien.
Voici le code après la petite modification:
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 26 27 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Identification</title> </head> <body> <form action="traitement.php" method="post" id="identification" accept-charset="UTF-8"> <ul style="list-style-type: none; width: 63%; font-size: 20px;"> <fieldset> <legend align="center" class="authentification">Veuillez entrer votre nom et votre mot de passe.</legend> <br/> <li>Votre nom:<input name="nom" id="nom" type="text" size="17" maxlength="15" /></li> <br/> <li>Votre mot de passe:<input name="pass" id="pass" type="password" size="14" maxlength="12" /></li> </fieldset> </ul> </form> </body> </html>
Pour info, je suis sur IE 10, et dernièrement j'ai essayé le code sur un autre ordinateur
(toujours sur IE) et ça marchait (qu'il y ait l'erreur ou non d'ailleurs).

Serait-dû à la version de IE?

30/03/2015, 10h33
kos2000
Problème résolu :D

Pour ceux que ça peut aider,
il fallait rajouter le CSS suivant:
Code:

1 2 3 4 fieldset { border: solid; }
El là Internet Explorer aussi il comprend 8-)