Plm pour centrer mon site sous IE 7 aidez moi

Résolu
caporay Messages postés 61 Date d'inscription   Statut Membre Dernière intervention   -  
caporay Messages postés 61 Date d'inscription   Statut Membre Dernière intervention   -
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

Réponse 1 / 4
PafLeChat
 
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
Réponse 2 / 4
caporay Messages postés 61 Date d'inscription   Statut Membre Dernière intervention   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;
}
0
Réponse 3 / 4
PafLeChat
 
essay sa

#conteneur {
position: relative;
margin: auto;
width: 900px;
text-align: left;
}
0
caporay Messages postés 61 Date d'inscription   Statut Membre Dernière intervention   3
 
merci le ca marche 5/5 EXACTEMENT CE QUE JE VOULAIS
tchao et bonne journée a toi
merci encore
0
Réponse 4 / 4
hani_ Messages postés 333 Date d'inscription   Statut Membre Dernière intervention   20
 
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

Discussions similaires

Voxbone ? qui est-ce ?
fanfan54 -
ntrece13 -

159 réponses
C'est quoi le site qui remplace coco chat
TP3 -
bazfile -

2 réponses