Probleme affichage css ie/firefox

**stefanelle** · 04/12/2008, 23h48

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 :

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
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;
}

**Erwan31** · 05/12/2008, 00h59

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

**stefanelle** · 05/12/2008, 02h12

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 :

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

**Madfrix** · 05/12/2008, 10h12

Salut,

remplace tous tes :

Code :

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

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

par :

Code :

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

1
2
 
margin: auto;

Et cela sera centré

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

EDIT : devancé par devyan ^^

**devyan** · 05/12/2008, 10h02

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 ";"

Probleme affichage css ie/firefox

CSS

Vue hybride

Discussions similaires

Partager

Partager