28173 sujets

CSS et mise en forme, CSS3

Bonjour à tous,

Je vient de lire le passage sur le mode Quirks de IE dans la FAQ (et moi qui pensais que IE ne respectait pas les normes Smiley rolleyes ...)

Etant donné que je suis depuis 3 bonnes heures sur un bug d'affichage sous IE je pensais que je tenait la solution...

Mais la je ne comprend pas, contrairement à ce qui est dit dans l'article (http://forum.alsacreations.com/faq/) il y a une grosse différence d'affichage entre IE et Firefox sur ma page alors qu'elle est valide HTML 1.0 Transitional.

Je précise que je suis sous IE 6.

voici le css associé au tableau de la barre de recherche (car c'est ou ou sa se décale Smiley decu )

td.search {
background-image : url('templates/images/index/search.jpg');
width : 977px;
border : 0;
padding-left : 95px;
padding-bottom : 10px;
padding-right : 0px;
padding-top : 0px;
background-repeat : no-repeat;
}


et donc le code du tableau en question :

   <td colspan="10" class="search">
		<form id="form1" name="form1" method="get" action="kiki.php">
			<input name="textfield" type="text" maxlength="40" />
			<input type="image" name="imageField" src="templates/images/boutons/search.gif" onmouseover="this.src='templates/images/boutons/search_f2.gif'" onmouseout="this.src='templates/images/boutons/search.gif'"  />
		</form>
   </td>


voila si quelqu'un trouve je lui en serai très reconnaissant ^^

Edit 1 : Bon si sa peut faire avancer le "schmilblik" si je rajoute :

*{

margin:0;

padding:0;

}


(source)

Cela s'affiche bien ! Mais du coup je dois gérer toutes les marges ^^'
Donc c'est bien un problème de marges *s'arrache son dernier cheveu*

edit 2 : j'ai résolu le probleme en supprimant les marges sur la balise form -_-
Modifié par kromack (14 May 2007 - 20:54)