Problème d'affichage

[Rihtmou]

Bonjour,

Pourriez-vous me donnez un coup main à comprendre pourquoi ça marche sur IE et pas sur FireFox …

Le code ci-dessous affiche sur IE 3 boutons alors que sur FireFox il n’affiche que celui du milieu…

Code HTML

Code : Tout sélectionner

<TABLE border="0" cellspacing="0" cellpadding="0" height="100%">
	<TBODY>
		<TR>
			<TD class="bouton" width="150" height="35">
			<A id="1" class="texteLien" href="#" onclick="javaScript:ok();" >Continuer</A></TD>
			<TD width="50"></TD>			
			
			<TD  class="bouton" width="150" height="35">
			<A class="texteLien" href="Menu/partieDroite.html" target="partieDroite">Quitter</A>
			</TD>
			
			<TD width="50"></TD>		
			<TD  class="bouton" width="150" height="35">
			<A class="texteLien" href="#" onclick="javaScript:ouvrePopUpListePartant();">Imprimer</A>
		</TD>		
		</TR>
	</TBODY>
</TABLE>

[b]Code CSS[/b]
.bouton {
	background-image : url("../Images/boutonPetit.gif");
 	background-repeat : no-repeat;
	background-position: center center;
	text-align: center;
 	vertical-align : middle;
	background-attachment: fixed;
	height: 35px;
	width: 150px;
}

Merci d’avance…



Message envoyé avec : Mozilla/5.0 (Windows; U; Windows NT 5.1; fr; rv:1.8.0.2) Gecko/20060308 Firefox/1.5.0.2

[calimo]

Souvent, ce genre de problème dépend énormément du contexte dans lequel il apparaît. Donc, sans le contexte, il va être difficile de t'aider. Le mieux, c'est de nous donner une adresse de page démontrant ce problème

Cela dit, il semblerait que ton utilisation des table ne soit pas vraiment appropriée. Les tables servent à présenter des données, ce qui n'est visiblement pas le cas ici, où tu les utilise à des fins de mise en forme. Normalement, pour définir la mise en page, il est recommandé d'utiliser les CSS qui sont prévues à cet effet