Plm pour centrer mon site sous IE 7 aidez moi [Résolu/Fermé]

Signaler
Messages postés
61
Date d'inscription
mardi 27 novembre 2007
Statut
Membre
Dernière intervention
29 novembre 2010
-
Messages postés
61
Date d'inscription
mardi 27 novembre 2007
Statut
Membre
Dernière intervention
29 novembre 2010
-
Bonjour à tous
je sais que ce probleme a été résolu plusieurs foi sur ce forum mais moi je n'arrive pas à m'ensortir
voici mon probleme:
je fais un site et je n'arrive pas à le centrer sous IE. Avec firefox et opéra c'est bien centrer mais pas avec IE 7 que j'utilise actuellement. Voici mes code
Aidez moi


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Document sans titre</title>
<style type="text/css">
<!--
html, body {
margin: 0;
padding: 0;
text-align: center;
}
#conteneur {
position: relative;
margin: 0 auto;
width: 900px;
text-align: left;
}

#Layer2 {
position:absolute;
left:15px;
top:158px;
width:83px;
height:5px;
z-index:1;
}
#calqcategories {
position:absolute;
left:9px;
top:204px;
width:226px;
height:627px;
z-index:2;
background-color: #F4F4F4;
}

#Layer4 {
position:absolute;
left:7px;
top:331px;
width:32px;
height:29px;
z-index:3;
}
#Layer5 {
position:absolute;
left:451px;
top:284px;
width:184px;
height:147px;
z-index:3;
}
#Layer3 {
position:absolute;
left:0px;
top:0px;
width:452px;
height:226px;
z-index:3;
}
#calqordi {
position:absolute;
left:231px;
top:396px;
width:126px;
height:51px;
z-index:3;
}
#Layer7 {
position:absolute;
left:347px;
top:320px;
width:20px;
height:5px;
z-index:4;
}
#animapfoto {
position:absolute;
left:364px;
top:397px;
width:126px;
height:79px;
z-index:4;
}
#Layer8 {
position:absolute;
left:289px;
top:915px;
width:136px;
height:68px;
z-index:5;
}
#Layer9 {
position:absolute;
left:678px;
top:364px;
width:65px;
height:46px;
z-index:6;
}
#Layer10 {
position:absolute;
left:380px;
top:494px;
width:92px;
height:81px;
z-index:7;
}
#Layer11 {
position:absolute;
left:348px;
top:517px;
width:65px;
height:74px;
z-index:8;
}
#Layer12 {
position:absolute;
left:230px;
top:744px;
width:122px;
height:94px;
z-index:9;
}
#Layer13 {
position:absolute;
left:231px;
top:560px;
width:68px;
height:112px;
z-index:10;
}
#Layer14 {
position:absolute;
left:442px;
top:789px;
width:141px;
height:146px;
z-index:11;
}
#calqanimehaut {
position:absolute;
left:14px;
top:16px;
width:800px;
height:152px;
z-index:12;
}
#calqboutacceil {
position:absolute;
left:10px;
top:176px;
width:50px;
height:20px;
z-index:13;
}
#calqcomparer {
position:absolute;
left:136px;
top:176px;
width:73px;
height:19px;
z-index:14;
}
#calqcommentaire {
position:absolute;
left:263px;
top:176px;
width:68px;
height:9px;
z-index:15;
}
#calqnouecrir {
position:absolute;
left:507px;
top:176px;
width:23px;
height:3px;
z-index:16;
}

#calqinscription {
position:absolute;
left:387px;
top:176px;
width:69px;
height:17px;
z-index:17;
}
#calqdescription {
position:absolute;
left:240px;
top:202px;
width:578px;
height:191px;
z-index:18;
background-color: #F4F4F4;
}
#calqdessoupub {
position:absolute;
left:600px;
top:421px;
width:210px;
height:213px;
z-index:19;
}
#calqpub {
position:absolute;
left:601px;
top:396px;
width:210px;
height:27px;
z-index:20;
background-color: #F4F4F4;
}
#calqvertical {
position:absolute;
left:591px;
top:394px;
width:10px;
height:36px;
z-index:0;
}
a:link {
color: #999999;
text-decoration: none;
}
a:visited {
text-decoration: none;
color: #333333;
}
a:hover {
text-decoration: none;
color: #333333;
}
a:active {
text-decoration: none;
color: #333333;
}
#Layer6 {
position:absolute;
left:397px;
top:657px;
width:71px;
height:20px;
z-index:21;
}
-->
</style>
<SCRIPT LANGUAGE="JavaScript">
<!-- // BannerAD

var bannerAD=new Array();
var bannerADlink=new Array();
var adNum=0;

bannerAD[0]="Apfoto1.jpg";
bannerADlink[0]="agapfoto1.php";
bannerAD[1]="apfoto2.jpg";
bannerADlink[1]="agapfoto2.php";
bannerAD[2]="appfoto 3.jpg";
bannerADlink[2]="apapfoto3.php";
bannerAD[3]="APPFOTO5.jpg";
bannerADlink[3]="agapfoto5.php";
bannerAD[4]="appfoto4.jpg";
bannerADlink[4]="agapfoto4.php";

var preloadedimages=new Array();
for (i=1;i<bannerAD.length;i++){
preloadedimages[i]=new Image();
preloadedimages[i].src=bannerAD[i];
}

function setTransition(){
if (document.all){
bannerADrotator.filters.revealTrans.Transition=Math.floor(Math.random()*23);
bannerADrotator.filters.revealTrans.apply();
}
}

function playTransition(){
if (document.all)
bannerADrotator.filters.revealTrans.play()
}

function nextAd(){
if(adNum<bannerAD.length-1)adNum++ ;
else adNum=0;
setTransition();
document.images.bannerADrotator.src=bannerAD[adNum];
playTransition();
theTimer=setTimeout("nextAd()", 9000);
}

function jump2url(){
jumpUrl=bannerADlink[adNum];
jumpTarget='';
if (jumpUrl != ''){
if (jumpTarget != '')window.open(jumpUrl,jumpTarget);
else location.href=jumpUrl;
}
}
function displayStatusMsg() {
status=bannerADlink[adNum];
document.returnValue = true;
}

//-->
</script>
</head>
<body>
<div id="conteneur">

<p> </p>
<p><div id="Layer2">
<hr width="800" size="3" />
</div>
<div id="calqcategories">
<table width="223" height="582" border="0">
<tr>
<td width="303" height="57"><p class="MsoNormal"><u><span style="line-height:115%; font-size:20.0pt; ">Catégories</span></u><span style="font-size:20.0pt; "> :</span></p></td>
</tr>
<tr>
<td height="35" class="Style16"><p class="Style16"><span style="line-height:115%;">* - Alimentation Générale</span></p></td>
</tr>
<tr>
<td class="Style16"><a href="ammeublement.php" target="_parent">*- Ammeublement </a></td>
</tr>
<tr>
<td class="Style16"><p class="Style16"><span style="line-height:115%;"><a href="apelectrmenag.php" target="_parent">* - Appareils électroménagers</a></span></p></td>
</tr>
<tr>
<td height="32" class="Style16"><p class="Style16"><span style="line-height:115%;"><a href="decoration.php" target="_parent">* - Décoration</a></span></p></td>
</tr>
<tr>
<td height="35" class="Style16"><p class="Style16"><span style="line-height:115%;">* - Discothèque</span></p></td>
</tr>
<tr>
<td class="Style16">* - Informatique </td>
</tr>
<tr>
<td height="35" class="Style16"><p class="Style16"><span style="line-height:115%;">* - Librairie</span></p></td>
</tr>
<tr>
<td height="36" class="Style16"><a href="matconstruction.php" target="_parent">* - Materiaux de construction </a></td>
</tr>
<tr>
<td height="38" class="Style16"><p class="Style16"><span style="line-height:115%;">* - Matériels de couchage</span></p></td>
</tr>
<tr>
<td class="Style16">* - Matériels roulant </td>
</tr>
<tr>
<td class="Style16"><p class="Style16"><span style="line-height:115%;">* - Outils de travaux</span> </p></td>
</tr>
<tr>
<td class="Style16">* - Prêt à porter </td>
</tr>
<tr>
<td height="36" class="Style16"><p class="Style16"><span style="line-height:115%;">* - Soins de beauté</span></p></td>
</tr>
<tr>
<td height="45" class="Style16"><p class="Style16"><span style="line-height:115%;"><a href="telephportabl.php">* - Téléphone portable</a></span></p></td>
</tr>
</table>
<p class="MsoNormal"> </p>
</div>
<div id="calqordi">
<table width="126" height="148" border="0">
<tr>
<td width="120" height="113"><img src="ORDI3.JPG" name="ord3" width="121" height="155" id="ord3" /></td>
</tr>
</table>
</div>
<div id="animapfoto">
<BANNERAD><a href="javascript:jump2url()" onmouseover="displayStatusMsg();return document.returnValue"><img src="Apfoto1.jpg" name="bannerADrotator" style="filter:revealTrans(duration=2,transition=20)" border=0 /></a>
<script language="JavaScript">nextAd()</script>
</BANNERAD>
</div>
<div id="Layer10">
<table width="100" height="81" border="0">
<tr>
<td><img src="telef2.gif" width="195" height="147" /></td>
</tr>
</table>
</div>
<div id="Layer12">
<table width="111" height="91" border="0">
<tr>
<td><img src="scooter1.jpg" width="200" height="178" /></td>
</tr>
</table>
</div>
<div id="Layer13">
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://fpdownload2.macromedia.com/get/shockwave/cabs/flash/swflash.cab#version=7,0,19,0" name="animmontre" width="125" height="175" id="animmontre">
<param name="movie" value="animmontre.swf" />
<param name="quality" value="high" />
<embed src="animmontre.swf" width="125" height="175" quality="high" pluginspage="https://get.adobe.com/flashplayer/" type="application/x-shockwave-flash" name="animmontre"></embed>
</object>
</div>
<div id="Layer14"><img src="voiture.jpg" width="243" height="149" /></div>
<div id="calqanimehaut">
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://fpdownload2.macromedia.com/get/shockwave/cabs/flash/swflash.cab#version=7,0,19,0" name="animhaut" width="800" height="152" id="animhaut">
<param name="movie" value="animhaut.swf" />
<param name="wmode" value="transparent" />
<param name="quality" value="high" />
<embed src="animhaut.swf" width="800" height="152" quality="high" pluginspage="https://get.adobe.com/flashplayer/" type="application/x-shockwave-flash" name="animhaut"></embed>
</object>
</div>
<div id="calqboutacceil">
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://fpdownload2.macromedia.com/get/shockwave/cabs/flash/swflash.cab#version=5,0,0,0" width="100" height="18">
<param name="movie" value="boutonacceuil.swf" />
<param name="quality" value="high" />
<param name="bgcolor" value="#FFFFFF" />
<embed src="boutonacceuil.swf" quality="high" pluginspage="https://get.adobe.com/flashplayer/" type="application/x-shockwave-flash" width="100" height="18" bgcolor="#FFFFFF"></embed>
</object>
</div>
<div id="calqcomparer">
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://fpdownload2.macromedia.com/get/shockwave/cabs/flash/swflash.cab#version=5,0,0,0" width="100" height="18">
<param name="movie" value="boutoncomparer.swf" />
<param name="quality" value="high" />
<param name="bgcolor" value="#FFFFFF" />
<embed src="boutoncomparer.swf" quality="high" pluginspage="https://get.adobe.com/flashplayer/" type="application/x-shockwave-flash" width="100" height="18" bgcolor="#FFFFFF"></embed>
</object>
</div>
<div id="calqcommentaire">
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://fpdownload2.macromedia.com/get/shockwave/cabs/flash/swflash.cab#version=5,0,0,0" width="100" height="18">
<param name="movie" value="buttoncomentair.swf" />
<param name="quality" value="high" />
<param name="bgcolor" value="#FFFFFF" />
<embed src="buttoncomentair.swf" quality="high" pluginspage="https://get.adobe.com/flashplayer/" type="application/x-shockwave-flash" width="100" height="18" bgcolor="#FFFFFF"></embed>
</object>
</div>
<div id="calqnouecrir">
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://fpdownload2.macromedia.com/get/shockwave/cabs/flash/swflash.cab#version=5,0,0,0" width="100" height="18">
<param name="movie" value="buttonnouecrire.swf" />
<param name="quality" value="high" />
<embed src="buttonnouecrire.swf" quality="high" pluginspage="https://get.adobe.com/flashplayer/" type="application/x-shockwave-flash" width="100" height="18" ></embed>
</object>
</div>
<div id="calqinscription">
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://fpdownload2.macromedia.com/get/shockwave/cabs/flash/swflash.cab#version=5,0,0,0" width="100" height="18">
<param name="movie" value="buttoninscription.swf" />
<param name="quality" value="high" />
<param name="bgcolor" value="#FFFFFF" />
<embed src="buttoninscription.swf" quality="high" pluginspage="https://get.adobe.com/flashplayer/" type="application/x-shockwave-flash" width="100" height="18" bgcolor="#FFFFFF"></embed>
</object>
</div>
<div id="calqdescription"></div>
<div id="calqdessoupub">
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://fpdownload2.macromedia.com/get/shockwave/cabs/flash/swflash.cab#version=7,0,19,0" name="animlamine" width="210" height="213" id="animlamine">
<param name="movie" value="animlamine.swf" />
<param name="wmode" value="transparent" />
<param name="quality" value="high" />
<embed src="animlamine.swf" width="210" height="213" quality="high" pluginspage="https://get.adobe.com/flashplayer/" type="application/x-shockwave-flash" name="animlamine"></embed>
</object>
</div>
<div id="calqpub">
<div align="right">Publicité</div>
</div>
<div id="calqvertical"><img src="vertical.gif" width="4" height="800" /></div>
<div id="Layer6">
<form action="https://www.paypal.com/fr/home" method="post">
<input type="hidden" name="cmd" value="_xclick" />
<input type="hidden" name="business" value="abdougael@yahoo.fr" />
<input type="hidden" name="lc" value="FR" />
<input type="hidden" name="amount" value="15.00" />
<input type="hidden" name="currency_code" value="EUR" />
<input type="hidden" name="tax_rate" value="0.000" />
<input type="hidden" name="bn" value="PP-BuyNowBF:btn_buynowCC_LG.gif:NonHostedGuest" />
<input type="image" src="https://www.paypalobjects.com/fr_FR/FR/i/btn/btn_buynowCC_LG.gif" border="0" name="submit" alt="" />
<img alt="" border="0" src="https://www.paypalobjects.com/fr_FR/i/scr/pixel.gif" width="1" height="1" />
</form>
</div></p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
</div></div>
</body>
</html>


Merci d'avance

4 réponses

tu pourrais identifié la partie du code qui te ne fonctionne pas comme tu veut sa serai sympa car se taper des kilomètre de code pour un problème de centrage c'est assez découragent
Messages postés
61
Date d'inscription
mardi 27 novembre 2007
Statut
Membre
Dernière intervention
29 novembre 2010
3
voila a peu près la partis qui ne marche pas le css.




<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Document sans titre</title>
<style type="text/css">
<!--
html, body {
margin: 0;
padding: 0;
text-align: center;
}
#conteneur {
position: relative;
margin: 0 auto;
width: 900px;
text-align: left;
}

#Layer2 {
position:absolute;
left:15px;
top:158px;
width:83px;
height:5px;
z-index:1;
}
#calqcategories {
position:absolute;
left:9px;
top:204px;
width:226px;
height:627px;
z-index:2;
background-color: #F4F4F4;
}

#Layer4 {
position:absolute;
left:7px;
top:331px;
width:32px;
height:29px;
z-index:3;
}
#Layer5 {
position:absolute;
left:451px;
top:284px;
width:184px;
height:147px;
z-index:3;
}
#Layer3 {
position:absolute;
left:0px;
top:0px;
width:452px;
height:226px;
z-index:3;
}
#calqordi {
position:absolute;
left:231px;
top:396px;
width:126px;
height:51px;
z-index:3;
}
#Layer7 {
position:absolute;
left:347px;
top:320px;
width:20px;
height:5px;
z-index:4;
}
#animapfoto {
position:absolute;
left:364px;
top:397px;
width:126px;
height:79px;
z-index:4;
}
#Layer8 {
position:absolute;
left:289px;
top:915px;
width:136px;
height:68px;
z-index:5;
}
#Layer9 {
position:absolute;
left:678px;
top:364px;
width:65px;
height:46px;
z-index:6;
}
#Layer10 {
position:absolute;
left:380px;
top:494px;
width:92px;
height:81px;
z-index:7;
}
#Layer11 {
position:absolute;
left:348px;
top:517px;
width:65px;
height:74px;
z-index:8;
}
#Layer12 {
position:absolute;
left:230px;
top:744px;
width:122px;
height:94px;
z-index:9;
}
#Layer13 {
position:absolute;
left:231px;
top:560px;
width:68px;
height:112px;
z-index:10;
}
#Layer14 {
position:absolute;
left:442px;
top:789px;
width:141px;
height:146px;
z-index:11;
}
#calqanimehaut {
position:absolute;
left:14px;
top:16px;
width:800px;
height:152px;
z-index:12;
}
#calqboutacceil {
position:absolute;
left:10px;
top:176px;
width:50px;
height:20px;
z-index:13;
}
#calqcomparer {
position:absolute;
left:136px;
top:176px;
width:73px;
height:19px;
z-index:14;
}
#calqcommentaire {
position:absolute;
left:263px;
top:176px;
width:68px;
height:9px;
z-index:15;
}
#calqnouecrir {
position:absolute;
left:507px;
top:176px;
width:23px;
height:3px;
z-index:16;
}

#calqinscription {
position:absolute;
left:387px;
top:176px;
width:69px;
height:17px;
z-index:17;
}
#calqdescription {
position:absolute;
left:240px;
top:202px;
width:578px;
height:191px;
z-index:18;
background-color: #F4F4F4;
}
#calqdessoupub {
position:absolute;
left:600px;
top:421px;
width:210px;
height:213px;
z-index:19;
}
#calqpub {
position:absolute;
left:601px;
top:396px;
width:210px;
height:27px;
z-index:20;
background-color: #F4F4F4;
}
#calqvertical {
position:absolute;
left:591px;
top:394px;
width:10px;
height:36px;
z-index:0;
}
a:link {
color: #999999;
text-decoration: none;
}
a:visited {
text-decoration: none;
color: #333333;
}
a:hover {
text-decoration: none;
color: #333333;
}
a:active {
text-decoration: none;
color: #333333;
}
#Layer6 {
position:absolute;
left:397px;
top:657px;
width:71px;
height:20px;
z-index:21;
}
essay sa

#conteneur {
position: relative;
margin: auto;
width: 900px;
text-align: left;
}
Messages postés
61
Date d'inscription
mardi 27 novembre 2007
Statut
Membre
Dernière intervention
29 novembre 2010
3
merci le ca marche 5/5 EXACTEMENT CE QUE JE VOULAIS
tchao et bonne journée a toi
merci encore
Messages postés
333
Date d'inscription
lundi 22 septembre 2008
Statut
Membre
Dernière intervention
18 novembre 2009
21
Heu...
Avec un code propre ça nous faciliterais bien les choses...
Lire sur un brouillon ce n'est jamais agréable...

PS : #conteneur

margin:0 auto 0 auto;
IE a des problèmes avec juste "0 auto" il me semble...