28172 sujets

CSS et mise en forme, CSS3

[résolu] IE8 décalage 1pixel

Bonjour à tous

Il existe déjà plusieurs posts sur plusieurs forums et j'ai essayé plusieurs méthodes dont celle de Heyoan mais à chaque fois, j'ai le décalage soit en bout d'image soit au moment du changement de div.
Je suis donc revenu à mon premier script Smiley decu
Sous FF pas de soucis, sur IE affichage d'une ligne d'un pixel à droite .

Voici le site concerné : wow-top.com


	<table width="800" height="200" border="0" cellspacing="0" cellpadding="0">
		<tr>
			<td align="left" width=600 valign="bottom" style="background: url(images/logos/image_logo_02.jpg) no-repeat 0 0;">
			<font size=5 color="#FFFFFF"><b>&nbsp; WoW-ToP : Le classement des Hauts Faits</b></font>
			</td>
			<td align="right" width=200 valign="bottom" style="background: url(images/logos/image_logo_02.jpg) no-repeat 100% 0;">
			<font size=4 color="#FFFFFF"><b><script language = 'Javascript' src='http://www.wow-top.com/script_total.php'></SCRIPT>&nbsp;&nbsp;</b></font>
			</td>
		</tr>
	</table>


comme d'hab, je pose la question et 5 minutes après je trouve ma réponse


	<table width="800" height="200" border="0" cellspacing="0" cellpadding="0" style="background: url(images/logos/image_logo_02.jpg) right ;">
		<tr>
			<td align="left" width=600 valign="bottom" style="background: url(images/logos/image_logo_02.jpg) left no-repeat; ">
			<font size=5 color="#FFFFFF"><b>&nbsp; <?php echo htmlentities(TEXT_TITRE_WEBSITE, ENT_QUOTES); ?></b></font>
			</td>
			<td align="right" width=200 valign="bottom" >
			<font size=4 color="#FFFFFF"><b><script language = 'Javascript' src='http://www.wow-top.com/script_total.php'></SCRIPT>&nbsp;&nbsp;</b></font>
			</td>
		</tr>
	</table>

Modifié par new2010 (29 Aug 2010 - 13:16)
Bonjour,

Par contre, tu risques d'avoir beaucoup de surprise en positionnement entre IE et les autres navigateurs. La raison est simple : Pas de DOCTYPE. Dans ce cas, IE revient à ses très vieilles et mauvaises habitudes sur les calculs de mode : Le Quirk.

http://www.alsacreations.com/article/lire/560-dtd-html-xhtml-comment-choisir.html

Pour ton cas, installe ceci en début de page :
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" 
   "http://www.w3.org/TR/html4/loose.dtd">
Bonjour,

Ni doctype ni élément html ! Les éléments head et body ne sont pas fermés ! Comment veux-tu que quoi que ce soit fonctionne !

Première chose à faire : valider ton code !

Si le problème persiste, là on pourra voir d'où il vient.
Sujet clos
Aller à