Sujet Précédent Sujet Suivant

Plm pour centrer mon site sous IE 7 aidez moi

caporay Messages postés 75 Statut Membre -  
 king -
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:

1 réponse

Réponse 1 / 1
king
 
Ben IE merde souvent avec les "margin: auto;", perso j'utilise plutôt la formule:

width : 900px;
left : 50%;
margin-left : -450px;

Y a jamais de souci avec ça ;-)
0

Discussions similaires

Coco Chat : nouveau lien !
LoupiotteDesTenebres -
brucine -

9 réponses