Bon voici mon code si ça peut en aider certains:
html :
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" lang="fr">
<head>
<title>Laissez un message</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link rel="stylesheet" media="screen" type="text/css" title="Design" href="formulaire.css" />
</head>
<body>
<h1> Merci de laisser un message pour donner votre avis.</h1>
<div id="formulaire">
<div id="entête">
<a href="http://localhost/tidus/livredor.php">Livre d'or</a> > Laisser un message
</div>
<form id="profile" enctype="multipart/form-data" method="post" action="livredor.php">
<fieldset id="credentials">
<legend>A propos de vous</legend>
<p>
<label for="nom"><abbr title="Votre Nom">Nom :</abbr></label>
<input type="text" id="nom" name="nom" value="" tabindex="1" />
</p>
<p>
<label for="email"><abbr title="Votre adresse e-mail">Adresse e-mail :</abbr></label>
<input type="text" id="email" name="prenom" value="" tabindex="2" />
</p>
<p>
<label for="adresse"><abbr title="Votre adresse">Adresse :</abbr></label>
<input type="text" id="adresse" name="email" value="" tabindex="3" />
</p>
<p>
<label for="site"><abbr title="Votre site internet">Site Internet :</abbr></label>
<input type="text" id="site" name="societe" value="" tabindex="4" />
</p>
<p>
<label for="note"><abbr title="Votre evaluation du site">Votre note :</abbr></label>
<select id="note" name="note">
<option value="20">20/20</option>
<option value="19">19/20</option>
<option value="18">18/20</option>
<option value="17">17/20</option>
<option value="16">16/20</option>
<option value="15">15/20</option>
<option value="14">14/20</option>
<option value="13">13/20</option>
<option value="12">12/20</option>
<option value="11">11/20</option>
<option value="10">10/20</option>
<option value="09">09/20</option>
<option value="08">08/20</option>
<option value="07">07/20</option>
<option value="06">06/20</option>
<option value="05">05/20</option>
<option value="04">04/20</option>
<option value="03">03/20</option>
<option value="02">02/20</option>
<option value="01">01/20</option>
<option value="00">00/20</option>
</select>
</p>
</fieldset>
<fieldset id="message">
<legend>Votre message</legend>
<p id="messageContainer">
<label for="message"></label>
<textarea id="message" name="message" cols="60" rows="15" tabindex="5"></textarea>
</p>
</fieldset>
<p class="submit"><input type="submit" id="btnSubmit" value="Valider"/></p>
</form>
</div>
</body>
</html>
css:
body
{
background-image: url("img/fond.jpg");
background-repeat : repeat-y;
font-size: 0.8em "Trebuchet MS", helvetica, sans-serif;
}
div#formulaire
{
width : 1000px;
margin : auto;
font-size : 80%;
}
div#entête
{
width : 700px;
margin : auto;
margin-top : 20px;
}
form#profile
{
width : 700px;
margin : auto;
}
h1
{
width : 700px;
margin : auto;
border-bottom : 1px dotted black;
font-variant : small-caps;
font-size : 175%;
}
abbr
{
cursor: help;
border-bottom: 1px dotted green;
}
legend
{
background-color : rgb(255,255,255);
border : 1px solid green;
font-variant: small-caps;
}
fieldset#credentials,fieldset#message
{
margin-top : 10px;
padding-bottom : 10px;
padding-left : 10px;
padding-top : -10px;
background-color : rgb(147,201,255);
border : 1px solid black;
}
#nom,#email,#adresse,#site
{
position : absolute;
left : 60ex;
width : 30ex;
}
#note
{
position : absolute;
left : 60ex;
}
a
{
text-decoration: none;
color: green;
}
a:hover
{
color: rgb(193,142,255);
text-decoration: underline;
}
a:visited
{
color : rgb(193,142,255);
text-decoration : underline;
}
a:active
{
background-color : #FFCC66;
}
et ce code fonctionne parfaitement sous Firefox 2.0 mais pas sous IE6 :s
Merci pour votre aide