Centrer une image sous IE

Résolu/Fermé

djinn - 25 oct. 2010 à 18:13
djinn - 25 oct. 2010 à 23:11

Bonjour,

Je n'arrive pas à aligner horizontalement le contenu de mon site. Sur Firefox et Chrome, pas de souci, mais impossible de parvenir à quoi que ce soit sous IE... Après avoir essayé pas mal de solutions, je sèche... quelqu'un saurait-il résoudre mon problème ?

Voici le CSS du corps de mon site :

<body bgcolor="1a1a1a" onLoad="MM_preloadImages('pics/barre2/services_blue.jpg','pics/barre2/tarifs_blue.jpg','pics/barre2/clients_blue.jpg','pics/barre2/contact_blue.jpg')">
<center><table border="0" width="100%" align="center" valign="top" cellpadding="0" cellspacing="0">

<tr><td>
<table width="826" height="628" border="0" align="center" valign="top">
<tr><td height="25" colspan="2"></td>
</tr>
<tr>
<td width="788" height="76" rowspan="2"><a href="/"><img src="pics/JNTrad3.jpg" width="788" height="76" border="0"></a></td>
<td align="center" width="38" height="38"><a href="contact/en/index.html"><img src="pics/UK.png" width="30" height="22" border="0"></a></td>
</tr>
<tr>
<td valign="top" align="center" height="38"><a href="it.html"><img src="pics/ITA.png" width="30" height="22" border="0"></a></td>
</tr>
<tr><td colspan="2"><table border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td><a href="/" target="_top" onClick="MM_nbGroup('down','group1','servicesblue','',1)" onMouseOver="MM_nbGroup('over','servicesblue','pics/barre2/services_dark.jpg','',1)" onMouseOut="MM_nbGroup('out')"><img src="pics/barre2/services_blue.jpg" alt="" name="servicesblue" width="207" height="50" border="0" onload=""></a></td>
<td><a href="tarifs" target="_top" onClick="MM_nbGroup('down','group1','tarifsdark','',1)" onMouseOver="MM_nbGroup('over','tarifsdark','pics/barre2/tarifs_blue.jpg','',1)" onMouseOut="MM_nbGroup('out')"><img src="pics/barre2/tarifs_dark.jpg" alt="" name="tarifsdark" width="207" height="50" border="0" onload=""></a></td>
<td><a href="clients" target="_top" onClick="MM_nbGroup('down','group1','clientsdark','',1)" onMouseOver="MM_nbGroup('over','clientsdark','pics/barre2/clients_blue.jpg','',1)" onMouseOut="MM_nbGroup('out')"><img src="pics/barre2/clients_dark.jpg" alt="" name="clientsdark" width="207" height="50" border="0" onload=""></a></td>
<td><a href="contact" target="_top" onClick="MM_nbGroup('down','group1','contactdark','',1)" onMouseOver="MM_nbGroup('over','contactdark','pics/barre2/contact_blue.jpg','',1)" onMouseOut="MM_nbGroup('out')"><img src="pics/barre2/contact_dark.jpg" alt="" name="contactdark" width="207" height="50" border="0" onload=""></a></td>
</tr>
</table>
</td></tr>
<tr>
<td height="10" colspan="2"></td>
</tr>
<tr><td height="451" colspan="2" align="center"><table border="0" cellpadding="20%" width="830" height="445" align="center" style="background:url('pics/backgroundme.jpg') no-repeat" valign="top">
<tr><td width="290,5" align="center"></td>
<td width="539,5" colspan="2" align="center" class="Style1"><p align="justify">Diplômé de l'Institut Supérieur d'Interprétation et de Traduction (ISIT), j'exerce en tant qu'indépendant depuis plus de trois ans et travaille au quotidien pour des clients issus de secteurs variés : marketing, juridique, technique, cinéma, industrie cosmétique et pharmaceutique, luxe...</p>
<p align="justify"></p>
<p align="justify">Installé depuis un an en auto-entreprise, je propose des services de traduction, révision et relecture de documents, mais aussi de localisation graphique et de conception de sites internet multilingues. Mon seul objectif : la qualité.</p>
<p align="justify"></p>
<p align="justify" class="bottom">Traduction en français, anglais et italien, de ou vers la langue souhaitée.</p>
</td>
</tr>

</table></td>
</tr></table>
<tr><td height="15"></td>
</tr>
<tr>
<td><div align="center" class="Style1"><a href="CGV/index.html" class="Style1">Conditions générales de vente</a></div></td>
</tr>
</td></tr>
</table></center>
</body>
</html>

A voir également:

Centrer une image sous IE
Image iso - Guide
Comment agrandir une image - Guide
Acronis true image - Télécharger - Sauvegarde
Légender une image - Guide
Telecharger une image disque windows 10 fichier iso - Guide

6 réponses

Réponse 1 / 6

Twinpics
25 oct. 2010 à 18:59

Bonsoir,

Si j'ai compris ta problématique :

<body bgcolor="1a1a1a" onLoad="MM_preloadImages('pics/barre2/services_blue.jpg','pics/barre2/tarifs_blue.jpg','pics/barre2/clients_blue.jpg','pics/barre2/contact_blue.jpg')"> 
<center>
<!--Tableau global -->
<table border="0" width="100%" align="center" valign="top" cellpadding="0" cellspacing="0">
	<tr>
		<td align="center">
			<table width="826" height="628" border="0" align="center" valign="top">
				<tr>
					<td height="25" colspan="2"></td>
			</tr><tr>
			<!-- Reste du code de la page -->

PS: la balise <center> est déprécié par le w3C
@+

Réponse 2 / 6

djinn
25 oct. 2010 à 19:12

Merci pour ta réponse,

A vrai dire, l'insertion de la balise <center> n'a eu aucun effet sur le résultat.

Mon site s'affiche toujours parfaitement sous FF, Safari ou Chrome, mais sous IE rien à faire...

Voici l'adresse http://jn.thibierge.free.fr

Si quelqu'un y comprend quelque chose...

Réponse 3 / 6

Twinpics
25 oct. 2010 à 19:23

Tu n'as pas compris mon code.
2ème explication.
Je pense que tu veux obtenir le centrage du tableau de 826px dans la cellule <td>
Donc si tu regarde mon code du précédent message, j'ai rajouté un attribut align="center" à la balise <td> qui contient le tableau.
J'avais laissé la balise <center> d'origine pour t'expliqué qu'elle est dépréciée et rien de plus !

Réponse 4 / 6

djinn
25 oct. 2010 à 19:28

Désolé, j'avais lu un peu rapidement... au temps pour moi

Malheureusement cela ne change rien :/

En tout cas merci pour ton aide

Vous n’avez pas trouvé la réponse que vous recherchez ?

Posez votre question

Réponse 5 / 6

Twinpics
25 oct. 2010 à 22:44

J'ai épuré et adapter ton code HTML. La page s'affiche à l'identique avec IE7 et Chrome.
A toi de Copier/Coller le code source de la page pour remplacer ton ancien code (page visible à l'URL suivante) :
http://gabriel-sempere.freehostia.com/test/jn-thibierge.html
@+

Réponse 6 / 6

djinn
25 oct. 2010 à 23:11

Merci, c'est vraiment sympa !

Bonne soirée à toi

Discussions similaires

Retrouver l'image originale après avoir fait des modifications ?

Prélèvement Google Ireland Limited

Facture de google 380€ !

Arnaque frauduleuse Ireland ltd

Comment enlever le rouge sur la photo svp ?