Probleme affichage css ie/firefox
stefanelle
-
stefanelle -
stefanelle -
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 sous ie j ai un textarea completementdecale sur le
coté...
je vous laisse mon code si vous ave zune idée je suis perdu merci à vous
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;
}
j ai créer un formulaire en html/css/php tout fonctionne bine
juste un problème sous firefox le formulaire s 'affiche nickel sous ie j ai un textarea completementdecale sur le
coté...
je vous laisse mon code si vous ave zune idée je suis perdu merci à vous
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;
}
Configuration: Windows Vista Firefox 3.0.4
2 réponses
-
voici le code HTML
<!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="https://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> -
ça serai possible d'avoir le code html qui vas avec?
