Centrer une image sous IE

Résolu

djinn -
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>

Afficher la suite

6 réponses

Twinpics

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

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...
0
Réponse 3 / 6
Twinpics

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 !
0
Réponse 4 / 6
djinn

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

Malheureusement cela ne change rien :/

En tout cas merci pour ton aide
0
Vous n’avez pas trouvé la réponse que vous recherchez ?
Posez votre question
Réponse 5 / 6
Twinpics

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
@+
0
Réponse 6 / 6
djinn

Merci, c'est vraiment sympa !

Bonne soirée à toi
0

Centrer une image sous IE

6 réponses

Discussions similaires

Newsletters