si tu regarde la page sous firefox, tu vois que le div qui a un post il en arrière plan est correctement positionnée à droite (float: right)
par contre sous ie , ce div se met à droite, mais en plus il fait partir le formulaire en dessous (un peu comme si le formulaire avait un clear: both ...)
là je teste sous linux (mozilla) et s''est correct aussi (comme sous firefox)
Le morceau de code concerné :
<div id="post_it" title="Devis gratuit et sans ancun engagement"></div><!-- Fin #post_it -->
<form action="devis/" id="devis" method="post">
<div id="devis_top"></div>
<div id="formulaire1">
<h1>Demande de devis</h1>
<label for="sol">Type de sol : </label><textarea id="sol" cols="35" rows="2" name="sol"></textarea>
<label for="longueur">Longueur approx. : </label><input type="text" id="longueur" name="longueur" />
<label for="remarques">Remarques : </label><textarea id="remarques" cols="35" rows="5" name="remarques"></textarea>
</div><!-- Fin #formulaire1 -->
<div id="formulaire2">
<label for="nom">Nom <strong>*</strong> : </label><input type="text" id="nom" name="nom" />
<label for="adresse">Adresse : </label><input type="text" id="adresse" name="adresse" />
<label for="postal">Code postal : </label><input type="text" id="postal" name="postal" />
<label for="pays">Pays : </label><input type="text" id="pays" name="pays" />
<label for="email">Adresse e-mail <strong>*</strong> : </label><input type="text" id="email" name="email" />
<label for="telephone">Téléphone : </label><input type="text" id="telephone" name="telephone" />
<input class="bouton" type="submit" value="Envoyer" />
<input class="bouton" type="reset" value="Effacer" />
</div><!-- Fin #formulaire2 -->
<p>Nous répondons toujours endéans les 24 heures. Toutes vos données sont strictement confidentielles et ne seront en aucun cas communiquées à des parternaires commerciaux.</p>
<p><strong>*</strong> Les champs marqués d'une astérisque sont indispensables.</p>
<div id="devis_bottom"></div>
</form><!-- Fin #devis -->
Et la feuille de style :
#devis{
width: 700px;
background-image: url(http://www.labordure.com/styles/images/fond_devis_5px.jpg);
background-position: left;
background-repeat: repeat-y;
}
#post_it{
float: right;
width: 253px;
height: 216px;
}
#post_it[id]{
background: url(http://www.labordure.com/styles/images/postit.png) no-repeat top;
}
#post_it{
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='http://www.labordure.com/styles/images/postit.png');
}
J'ai décomposé les propriété de #post_it pour que ie applique la transparence sur le png.
Le pire c'est qu'avant ça fonctionnait correctement même sous ie...
