Probleme affichage css ie/firefox

Version imprimable

Bonjour,

j ai créer un formulaire en html/css/php tout fonctionne bine

juste un problème sous firefox le formulaire s 'affiche nickel voir l'image

sous ie j ai un textarea complètement décalé sur le coté...

je vous laisse mon code si vous avez une idée je suis perdu merci à vous

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
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
 
 
body { background-color: #c9c9c9 ; }
 
 
p.titre {
  background:#0AA6E1;
  padding:.1em .3em;
  font-size:1.2em;
  border:2px outset #DED983;
  position:relative;
  margin-bottom:-0.5em;
  width:10em;
  margin-left:37em;
  margin-right:37em;
  margin-top:0em;
}
 
fieldset {
  border:none;
  margin-bottom:1em;
  width:24em;
  padding-top:0.5em;
  margin-left:35em;
  margin-right:35em;
}
 
select {
  margin-left:9em;
  margin-bottom:0;
}
 
/* fieldset coordonnees */
fieldset#coordonnees {
  background:#0AA6E1;
  border:outset #0AA6E1;
  margin-left:38em;
  margin-right:38em;
}
 
#coordonnees label {
  position:absolute;
  font-size:90%;
  padding-top:.2em;
  left:630px;
}
 
#coordonnees input {
  margin-left:6em;
  line-height:1.4em;
  margin-bottom:.2em;
}
 
/* fieldset message */
fieldset#message {
  background:#0AA6E1;
  border:outset #0AA6E1;
  margin-left:38em;
  margin-right:38em;
}
 
#civilite {
  font-size:90%;
}
 
 
#civilite input {
  margin-left:5em;
}
 
/* zone de texte du message */
textarea {
  text-align: center 
  font:.8em "Trebuchet MS", Verdana, sans-serif;
  width:29em;
  padding:.1em;
}
 
/* les boutons submit et reset */
input[type="submit"], input[type="reset"]  {
  background:#0AA6E1;
  font:1.2em "Trebuchet MS", Verdana, sans-serif;
  color:#345071;
}
 
p#buttons {
  text-align:center;
}

05/12/2008, 00h59
Erwan31

Bonsoir,
sans le code HTML (ou mieux une page en ligne) il va être difficile de t'aider,
mais avant toute chose ajoute un style="position:relative" au niveau du form et regarde si ça change quelque chose ;)

Merci pour l'info

mais ça ne marche pas le bloc texte de mon textaera est hors du cadre voulu completement sur la droite sous ie7 et bien centré sous firefox voila mon code 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
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional //EN"
"http://www.w3.org/TR/xhtmll/DTD/xhtmll-transitional.dtd">
<html Xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Phoning</title>
<link href="formulaire.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="global">
<div align="center">
 <a href="http://www.arm-info.com"><IMG SRC="images/banniere.jpg"ALT="ARM INFO"TITLE="ARM INFO"></a>
</div>
<p><p/>
<p><p/>
<p><p/>
 
 
<form method="post" action="traitement.php">
 
<b><p class="titre">Coordonnées</p></b>
 
<fieldset id="coordonnees">
 
<b><p id="entreprise"> <label>Entreprise : </label>
  <input type="text" name="entreprise" size="30" /></b>
</p>
 
 
<b><p id="civilite"><label>Civilité :</label>
    <input type="radio" name="civilite" value="M." />M.
    <input type="radio" name="civilite" value="Mme" />Mme
    <input type="radio" name="civilite" value="Mlle" />Mlle
</p></b>
 
 
<p id="radio">
 
  <b><label>Nom :</label>
    <input type="text" name="nom" size="30" /><br />
  <label>Prénom :</label>
    <input type="text" name="prenom" size="30" /><br />
  <label>Adresse : </label>
    <input type="text" name="adresse" size="30" /><br />
  <label>Code postal : </label>
    <input type="text" name="codepostal" size="30" /><br />
  <label>Ville :</label>
    <input type="text" name="ville" size="30" /><br />
  <label>Téléphone : </label>
    <input type="text" name="telephone" size="30" /><br />
  <label>Mail :</label>
    <input type="text" name="mail" size="30" /><br />
  <label>appels :</label>
    <input type="text" name="appels" size="30" /><br /></b>
</p>
 <b> <label>des besoins ? :</label>
    <select name="besoin">
    <option value="Oui">Oui</option>
    <option value="non">Non</option>
    </select><br /></b>
 
<b><label>resultats :</label>
    <select name="resultats">
      <option value="Aucune accroche">Aucune accroche</option>
      <option value="A rappeler">A rappeler</option>
      <option value="Envoi plaquette">Envoi plaquette</option>
      <option value="RDV">RDV</option></b>
 
    </select>
 
</fieldset>
 
<p class="titre">Besoins</p>
 
<fieldset id="message">
 
<textarea name="message" rows="10" cols="20"></textarea>
</fieldset>
 
 <p id="buttons">
  <input type="submit" value="Envoyer" />
 <input type="reset" value="Recommencer" />
</p>
 
 
</form>
</body>
</html>

05/12/2008, 10h02
devyan

Citation:

Envoyé par stefanelle

...
/* zone de texte du message */
textarea {
text-align: center
font:.8em "Trebuchet MS", Verdana, sans-serif;
width:29em;
padding:.1em;
}
...
[/CODE]

Salut,

Je ne suis as certain que le problème provienne de là mais...
Le TEXTAREA avec "text-align: center" ça me semble plutôt étrange...

En plus il manque un ";" ;)
05/12/2008, 10h12
Madfrix
Salut,

remplace tous tes :
Code:

1 2 3 margin-left:...; margin-right:...;
par :
Code:

1 2 margin: auto;
Et cela sera centré ;)

PS : il manque aussi un ";" dans ton élément textarea CSS.

EDIT : devancé par devyan ^^