Fieldset avec internet Explorer

**kos2000** · 24/03/2015, 20h53

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 :

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
 
<!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>

**NoSmoking** · 24/03/2015, 22h16

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

Code :

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

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>

**kos2000** · 30/03/2015, 09h41

Bonjour,
J'ai eu quelques soucis de connexion ces derniers jours, c'est pourquoi je réponds seulement maintenant

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 :

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
 
<!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?

**kos2000** · 30/03/2015, 11h33

Problème résolu

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

Code :

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

1
2
3
4
 
fieldset {
        border: solid;		
}

El là Internet Explorer aussi il comprend

Fieldset avec internet Explorer

HTML

Vue hybride

Discussions similaires

Partager

Partager