Discussion :

[lolo_the_fripouille]

Bonjour à tous,
j'ai un petit problème pour positionner mon formulaire sur ma page. Sous Firefox, c'est niquel, mais sous Internet explorer, ça ne va pas du tout.

Voici les codes :

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
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
<div id="global">
 
<h1>Contact</h1>
 
<div id="coordonnees">
<h3>Coordonnées</h3>
<p>
<!--Texte-->
</p>
</div>
 
<form action="mail_envoi.php" method="post">
<p>N'hésitez pas à utiliser le formulaire ci-dessous pour prendre contact avec l'entreprise</p>
<table>
        <tr>
                <td>Nom:<sup>*</sup></td>
                <td> <input type="text" name="nom" size="32" /> <br /></td>
        </tr>
 
        <tr>
                <td>Entreprise:</td>
                <td> <input type="text" name="entreprise" size="32" /> <br /></td>
        </tr>
 
        <tr>
                <td>Mail:<sup>*</sup></td>
                <td> <input type="text" name="mail" size="32" /> <br /></td>
        </tr>
 
        <tr>
                <td>Message:<sup>*</sup></td>
                <td> <textarea name="message" cols="45" rows="6"></textarea> <br /></td>
        </tr>
        <tr>
                <td></td>
                <td><input type="submit" value="Envoyer" /></td>
        </tr>
</table>
<p><em>(Les champs marqués d'un * doivent être obligatoirement remplis)</em></p>
</form>
 
</div>

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
28
29
30
31
#coordonnees {
float: right;
width: 250px;
margin: 10px 5px 0 10px;
border: 1px solid black;
}
 
#coordonnees h3{
color: black;
font-weight: bold;
font-size: 1.2em;
padding: 2px 0 0 4px;
text-align: left;
text-decoration: underline;
}
 
#coordonnees p {
color: black;
font-weight: none;
font-size: 1em;
padding: 3px 0 0 4px;
text-align: left;
}
 
#global form {
padding: 5px 0 0 5px;
}
 
#global form p {
padding: 5px 0 20px 0;
}

Je ne comprend pas parce que sous firefox, le formulaire vient bien se placer à gauche de l'encart Coordonnées comme je le souhaite, mais sous Explorer, il se place à gauche aussi, mais en dessous. Je pense que cela vient du float:right appliqué à coordonnées...quoique...

[CR_Gio]

salut ,

Quel est le rendu sous IE du code que je t'es surligné en rouge stp ?

Code :

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

1
2
3
4
5
6
#coordonnees {
float: right;
width: 250px;
margin: 10px 5px 0 10px;
border: 1px solid black;
}

Si la div fait la largeur de la page essay ca :

Code :

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

1
2
3
4
5
6
7
#coordonnees {
float: right;
width: 250px;
margin: 10px 5px 0 10px;
border: 1px solid black;
display:table;
}

En espérent pouvoir t'aider
++