Plm pour centrer mon site sous IE 7 aidez moi

Résolu/Fermé
caporay Messages postés 61 Date d'inscription mardi 27 novembre 2007 Statut Membre Dernière intervention 29 novembre 2010 - 9 oct. 2008 à 13:20
caporay Messages postés 61 Date d'inscription mardi 27 novembre 2007 Statut Membre Dernière intervention 29 novembre 2010 - 9 oct. 2008 à 14:43
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
A voir également:

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
0
caporay Messages postés 61 Date d'inscription mardi 27 novembre 2007 Statut Membre Dernière intervention 29 novembre 2010 3
9 oct. 2008 à 13:52
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;
}
0
essay sa

#conteneur {
position: relative;
margin: auto;
width: 900px;
text-align: left;
}
0
caporay Messages postés 61 Date d'inscription mardi 27 novembre 2007 Statut Membre Dernière intervention 29 novembre 2010 3
9 oct. 2008 à 14:43
merci le ca marche 5/5 EXACTEMENT CE QUE JE VOULAIS
tchao et bonne journée a toi
merci encore
0
hani_ Messages postés 333 Date d'inscription lundi 22 septembre 2008 Statut Membre Dernière intervention 18 novembre 2009 20
9 oct. 2008 à 14:05
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...
0