roro67 Posté 29 Septembre 2008 Posté 29 Septembre 2008 Bonjour, Je viens de finir un page de mon site mais de façon centrée. J'aimerais pouvoir faire en sorte que ma page puisse s'afficher sur toute la fenêtre avec toutes les résolutions. J'ai utilisé le code : width:100% mais çe fonctionne pas bien.. Page avec margin:auto; width:827px; Visiter mon site Page avec width:100%; Visiter mon site Codes inséré dans mon conteneur..mais rien n'y fait, j'ai essayé aussi dans mon body à 100%...ça ne fonctionne pas non plus.. Peut-être est-ce à cause de mes éléments en position absolue ? Voici le code de ma page en width 100%...l'autre est identique mais avec un width en pixel: <!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=utf-8" /><title>Accueil</title><script language="javascript1.2" type="text/javascript"><!--window.onload=montre;function montre(id) {var d = document.getElementById(id); for (var i = 1; i<=10; i++) { if (document.getElementById('smenu'+i)) {document.getElementById('smenu'+i).style.display='none';} }if (d) {d.style.display='block';}}function MM_swapImgRestore() { //v3.0 var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;}function MM_preloadImages() { //v3.0 var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array(); var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++) if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}}function MM_findObj(n, d) { //v4.01 var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) { d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);} if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n]; for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document); if(!x && d.getElementById) x=d.getElementById(n); return x;}function MM_swapImage() { //v3.0 var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3) if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}}function MM_nbGroup(event, grpName) { //v6.0 var i,img,nbArr,args=MM_nbGroup.arguments; if (event == "init" && args.length > 2) { if ((img = MM_findObj(args[2])) != null && !img.MM_init) { img.MM_init = true; img.MM_up = args[3]; img.MM_dn = img.src; if ((nbArr = document[grpName]) == null) nbArr = document[grpName] = new Array(); nbArr[nbArr.length] = img; for (i=4; i < args.length-1; i+=2) if ((img = MM_findObj(args[i])) != null) { if (!img.MM_up) img.MM_up = img.src; img.src = img.MM_dn = args[i+1]; nbArr[nbArr.length] = img; } } } else if (event == "over") { document.MM_nbOver = nbArr = new Array(); for (i=1; i < args.length-1; i+=3) if ((img = MM_findObj(args[i])) != null) { if (!img.MM_up) img.MM_up = img.src; img.src = (img.MM_dn && args[i+2]) ? args[i+2] : ((args[i+1])? args[i+1] : img.MM_up); nbArr[nbArr.length] = img; } } else if (event == "out" ) { for (i=0; i < document.MM_nbOver.length; i++) { img = document.MM_nbOver[i]; img.src = (img.MM_dn) ? img.MM_dn : img.MM_up; } } else if (event == "down") { nbArr = document[grpName]; if (nbArr) for (i=0; i < nbArr.length; i++) { img=nbArr[i]; img.src = img.MM_up; img.MM_dn = 0; } document[grpName] = nbArr = new Array(); for (i=2; i < args.length-1; i+=2) if ((img = MM_findObj(args[i])) != null) { if (!img.MM_up) img.MM_up = img.src; img.src = img.MM_dn = (args[i+1])? args[i+1] : img.MM_up; nbArr[nbArr.length] = img; } }}//--></script><style type="text/css">td img {display: block;}</style><style type="text/css"><!--body { margin:0; text-align: center; /* pour corriger le bug de centrage IE */ background-image: url(fond_page.jpg); }div#conteneur { position:relative; margin: 0 auto; width:827px; z-index:1; text-align:left; border:ridge #3300FF 3px;}h1#header { width:827px; height:173px; z-index:1; left: 0; background:url(banniere2c26.swf)}div#contenu{ padding: 0 156px 44px 133px; background:url(fond_contenu_ac.jpg)} h2#footer{ padding: 0 0 0 0; background-image:url(fond_footer.jpg) width:824px; }#menu {float:left;width:1px;height:1145px;}.outer{ margin:0px; padding:0px;}#menu1 { width: 128px; border-style: solid solid none solid; border-color: #D76100; border-size: 1px; border-width: 1px; padding:2px; margin-top:10px; } #menu1 ul{ margin:0px; padding:0px; list-style:none; } #menu1 li a { height: 32px; voice-family: "\"}\""; voice-family: inherit; height: 24px; text-decoration: none; font-weight:normal; } #menu1 li a:link, #menu4 li a:visited { color: #9E3C02; display: block; background: url(menu4c.gif); padding: 8px 0 0 30px; } #menu1 li a:hover { color: #fff; background: url(menu4c.gif) 0 -32px; padding: 8px 0 0 30px; } #menu1 li a:active { color: #fff; background: url(menu4c.gif) 0 -64px; padding: 8px 0 0 30px; } #menu2 { width:113px; height:600px; padding: 2px; margin-top:10px; }td img {display: block;}td img {display: block;}.Style1 { color: #FF9933; font-family: "Stylistic SF"; font-size: 24px;}.Style20 {font-family: Arial, Helvetica, sans-serif; color: #FF9900;}.Style9 {font-size: 12px}.Style34 { font-size: 14px; color: #FF6600; font-weight: bold; font-family: modern;}.Style36 { font-size: 10px; color: #666666;}body,td,th { font-size: 12px;}a:link { color: #000000; text-decoration: none;}a:visited { text-decoration: none; color: #000000;}a:hover { text-decoration: underline; color: #000000;}a:active { text-decoration: none; color: #000000;}#anim { position:absolute; width:144px; height:250px; z-index:2; left: 675px; top: 180px;}#cadpart { position:absolute; width:150px; height:84px; z-index:2; top: 450px; left: 672px;}#defil { position:absolute; width:150px; height:84px; z-index:2; left: 672px; top: 534px; background-image: url(fond_defil.jpg);}#lienhaut { position:absolute; width:100px; height:20px; z-index:2; left: 668px; top: 1290px;}#footer { position:absolute; width:825px; height:44px; z-index:2; left: 1px; top: 1316px; background-image: url(fond_footer.jpg);}#fondfooter { position:absolute; width:814px; height:26px; left: 8px; top: 6px;}.Style38 {font-size: 14px; font-family: Valken;}.Style39 {font-family: "Adventurer Light SF"}.Style40 { font-size: 14px; font-family: Moonbeam; font-weight: bold;}.Style41 { font-size: 18px; font-family: Papyrus;}.Style42 {font-size: 14px; font-family: Eurostile; font-weight: bold; }.Style43 {font-size: 14px; font-family: November; }.Style44 {font-family: Raavi}.Style45 { font-family: Poornut; font-size: 18px;}.Style46 { font-family: Minerva; font-size: 18px;}.Style47 { font-family: Sydnie; font-weight: bold; color: #FF9900;}.Style48 { font-family: Mycalc; font-size: 18px;}.Style49 {font-family: "Greek Diner Inline TT"}#apDiv6 { position:absolute; width:30px; height:30px; z-index:2;}--></style><script src="Scripts/AC_RunActiveContent.js" type="text/javascript"></script></head> <body><div id="conteneur"> <div id="header"> <div id="lienhaut"><a href="#haut">Haut de page</a><img src="top1.gif" width="10" height="10" /></div> <div id="apDiv6"><a name="haut" id="haut"></a></div> <script type="text/javascript">AC_FL_RunContent( 'codebase','http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,28,0','width','827','height','171','title','header','src','banniere2c26','quality','high','pluginspage','http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash','movie','banniere2c26' ); //end AC code </script> <noscript> <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,28,0" width="827" height="171" title="header"> <param name="movie" value="banniere2c26.swf" /> <param name="quality" value="high" /> <embed src="banniere2c26.swf" quality="high" pluginspage="http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash" width="827" height="171"></embed> </object> </noscript> </div> <div id="menu"> <div class="outer"> <div id="menu1"> <ul> <li><a href="http://www.webarobaz.com/bonneville3.html" target="_self">Accueil</a></li> <li><a href="http://www.webarobaz.com/partenaires.html" target="_self">Partenaires</a></li> <li><a href="http://www.webarobaz.com/plan.html" target="_self">Plan d'accès</a></li> <li><a href="http://www.webarobaz.com/contact3.php" target="_self">Contact</a></li> </ul></div><div id="menu2" onload="MM_preloadImages('cadrepartenaires36_r2_c3_f2.jpg','cadrepartenaires36_r2_c3_f4.jpg','cadrepartenaires36_r2_c3_f3.jpg','cadrepartenaires36_r4_c9_f2.jpg','cadrepartenaires36_r4_c9_f4.jpg','cadrepartenaires36_r4_c9_f3.jpg','cadrepartenaires36_r5_c8_f2.jpg','cadrepartenaires36_r5_c8_f4.jpg','cadrepartenaires36_r5_c8_f3.jpg','cadrepartenaires36_r7_c2_f2.jpg','cadrepartenaires36_r7_c2_f4.jpg','cadrepartenaires36_r7_c2_f3.jpg','cadrepartenaires36_r8_c2_f2.jpg','cadrepartenaires36_r8_c2_f4.jpg','cadrepartenaires36_r8_c2_f3.jpg','cadrepartenaires36_r10_c8_f2.jpg','cadrepartenaires36_r10_c8_f4.jpg','cadrepartenaires36_r10_c8_f3.jpg','cadrepartenaires36_r12_c4_f2.jpg','cadrepartenaires36_r12_c4_f4.jpg','cadrepartenaires36_r12_c4_f3.jpg','cadrepartenaires36_r14_c5_f2.jpg','cadrepartenaires36_r14_c5_f4.jpg','cadrepartenaires36_r14_c5_f3.jpg','cadrepartenaires36_r16_c7_f2.jpg','cadrepartenaires36_r16_c7_f4.jpg','cadrepartenaires36_r16_c7_f3.jpg','cadrepartenaires36_r18_c4_f2.jpg','cadrepartenaires36_r18_c4_f4.jpg','cadrepartenaires36_r18_c4_f3.jpg','cadrepartenaires36_r20_c10_f2.jpg','cadrepartenaires36_r20_c10_f4.jpg','cadrepartenaires36_r20_c10_f3.jpg','cadrepartenaires36_r22_c8_f2.jpg','cadrepartenaires36_r22_c8_f4.jpg','cadrepartenaires36_r22_c8_f3.jpg','cadrepartenaires36_r24_c3_f2.jpg','cadrepartenaires36_r24_c3_f4.jpg','cadrepartenaires36_r24_c3_f3.jpg','cadrepartenaires36_r26_c7_f2.jpg','cadrepartenaires36_r26_c7_f4.jpg','cadrepartenaires36_r26_c7_f3.jpg','cadrepartenaires36_r28_c9_f2.jpg','cadrepartenaires36_r28_c9_f4.jpg','cadrepartenaires36_r28_c9_f3.jpg','cadrepartenaires36_r29_c6_f2.jpg','cadrepartenaires36_r29_c6_f4.jpg','cadrepartenaires36_r29_c6_f3.jpg');"><table border="0" cellpadding="0" cellspacing="0" width="128"><!-- fwtable fwsrc="cadrepartenaire36.png" fwpage="Page 1" fwbase="cadrepartenaires36.jpg" fwstyle="Dreamweaver" fwdocid = "164954137" fwnested="0" --> <tr> <td><img src="spacer.gif" width="20" height="1" border="0" alt="" /></td> <td><img src="spacer.gif" width="1" height="1" border="0" alt="" /></td> <td><img src="spacer.gif" width="2" height="1" border="0" alt="" /></td> <td><img src="spacer.gif" width="3" height="1" border="0" alt="" /></td> <td><img src="spacer.gif" width="5" height="1" border="0" alt="" /></td> <td><img src="spacer.gif" width="1" height="1" border="0" alt="" /></td> <td><img src="spacer.gif" width="1" height="1" border="0" alt="" /></td> <td><img src="spacer.gif" width="7" height="1" border="0" alt="" /></td> <td><img src="spacer.gif" width="3" height="1" border="0" alt="" /></td> <td><img src="spacer.gif" width="15" height="1" border="0" alt="" /></td> <td><img src="spacer.gif" width="1" height="1" border="0" alt="" /></td> <td><img src="spacer.gif" width="23" height="1" border="0" alt="" /></td> <td><img src="spacer.gif" width="3" height="1" border="0" alt="" /></td> <td><img src="spacer.gif" width="4" height="1" border="0" alt="" /></td> <td><img src="spacer.gif" width="12" height="1" border="0" alt="" /></td> <td><img src="spacer.gif" width="1" height="1" border="0" alt="" /></td> <td><img src="spacer.gif" width="3" height="1" border="0" alt="" /></td> <td><img src="spacer.gif" width="1" height="1" border="0" alt="" /></td> <td><img src="spacer.gif" width="2" height="1" border="0" alt="" /></td> <td><img src="spacer.gif" width="1" height="1" border="0" alt="" /></td> <td><img src="spacer.gif" width="1" height="1" border="0" alt="" /></td> <td><img src="spacer.gif" width="1" height="1" border="0" alt="" /></td> <td><img src="spacer.gif" width="2" height="1" border="0" alt="" /></td> <td><img src="spacer.gif" width="1" height="1" border="0" alt="" /></td> <td><img src="spacer.gif" width="14" height="1" border="0" alt="" /></td> <td><img src="spacer.gif" width="1" height="1" border="0" alt="" /></td> </tr> <tr> <td colspan="25"><img name="cadrepartenaires36_r1_c1" src="cadrepartenaires36_r1_c1.jpg" width="128" height="8" border="0" id="cadrepartenaires36_r1_c1" alt="" /></td> <td><img src="spacer.gif" width="1" height="8" border="0" alt="" /></td> </tr> <tr> <td rowspan="5" colspan="2"><img name="cadrepartenaires36_r2_c1" src="cadrepartenaires36_r2_c1.jpg" width="21" height="103" border="0" id="cadrepartenaires36_r2_c1" alt="" /></td> <td colspan="14"><a href="http://www.webarobaz.com/cardin.html" onmouseout="MM_nbGroup('out');" onmouseover="MM_nbGroup('over','cadrepartenaires36_r2_c3','cadrepartenaires36_r2_c3_f2.jpg','cadrepartenaires36_r2_c3_f4.jpg',1);" onclick="MM_nbGroup('down','navbar1','cadrepartenaires36_r2_c3','cadrepartenaires36_r2_c3_f3.jpg',1);"><img name="cadrepartenaires36_r2_c3" src="cadrepartenaires36_r2_c3.jpg" width="81" height="11" border="0" id="cadrepartenaires36_r2_c3" alt="" /></a></td> <td rowspan="3" colspan="9"><img name="cadrepartenaires36_r2_c17" src="cadrepartenaires36_r2_c17.jpg" width="26" height="23" border="0" id="cadrepartenaires36_r2_c17" alt="" /></td> <td><img src="spacer.gif" width="1" height="11" border="0" alt="" /></td> </tr> <tr> <td colspan="14"><img name="cadrepartenaires36_r3_c3" src="cadrepartenaires36_r3_c3.jpg" width="81" height="1" border="0" id="cadrepartenaires36_r3_c3" alt="" /></td> <td><img src="spacer.gif" width="1" height="1" border="0" alt="" /></td> </tr> <tr> <td colspan="6"><img name="cadrepartenaires36_r4_c3" src="cadrepartenaires36_r4_c3.jpg" width="19" height="11" border="0" id="cadrepartenaires36_r4_c3" alt="" /></td> <td colspan="4"><a href="http://www.webarobaz.com/cardin.html" onmouseout="MM_nbGroup('out');" onmouseover="MM_nbGroup('over','cadrepartenaires36_r4_c9','cadrepartenaires36_r4_c9_f2.jpg','cadrepartenaires36_r4_c9_f4.jpg',1);" onclick="MM_nbGroup('down','navbar1','cadrepartenaires36_r4_c9','cadrepartenaires36_r4_c9_f3.jpg',1);"><img name="cadrepartenaires36_r4_c9" src="cadrepartenaires36_r4_c9.jpg" width="42" height="11" border="0" id="cadrepartenaires36_r4_c9" alt="" /></a></td> <td colspan="4"><img name="cadrepartenaires36_r4_c13" src="cadrepartenaires36_r4_c13.jpg" width="20" height="11" border="0" id="cadrepartenaires36_r4_c13" alt="" /></td> <td><img src="spacer.gif" width="1" height="11" border="0" alt="" /></td> </tr> <tr> <td rowspan="2" colspan="5"><img name="cadrepartenaires36_r5_c3" src="cadrepartenaires36_r5_c3.jpg" width="12" height="80" border="0" id="cadrepartenaires36_r5_c3" alt="" /></td> <td colspan="13"><a href="http://www.webarobaz.com/cardin.html" onmouseout="MM_nbGroup('out');" onmouseover="MM_nbGroup('over','cadrepartenaires36_r5_c8','cadrepartenaires36_r5_c8_f2.jpg','cadrepartenaires36_r5_c8_f4.jpg',1);" onclick="MM_nbGroup('down','navbar1','cadrepartenaires36_r5_c8','cadrepartenaires36_r5_c8_f3.jpg',1);"><img name="cadrepartenaires36_r5_c8" src="cadrepartenaires36_r5_c8.jpg" width="76" height="67" border="0" id="cadrepartenaires36_r5_c8" alt="" /></a></td> <td rowspan="5" colspan="5"><img name="cadrepartenaires36_r5_c21" src="cadrepartenaires36_r5_c21.jpg" width="19" height="101" border="0" id="cadrepartenaires36_r5_c21" alt="" /></td> <td><img src="spacer.gif" width="1" height="67" border="0" alt="" /></td> </tr> <tr> <td colspan="13"><img name="cadrepartenaires36_r6_c8" src="cadrepartenaires36_r6_c8.jpg" width="76" height="13" border="0" id="cadrepartenaires36_r6_c8" alt="" /></td> <td><img src="spacer.gif" width="1" height="13" border="0" alt="" /></td> </tr> <tr> <td rowspan="24"><img name="cadrepartenaires36_r7_c1" src="cadrepartenaires36_r7_c1.jpg" width="20" height="506" border="0" id="cadrepartenaires36_r7_c1" alt="" /></td> <td colspan="14"><a href="http://www.webarobaz.com/somfy.html" onmouseout="MM_nbGroup('out');" onmouseover="MM_nbGroup('over','cadrepartenaires36_r7_c2','cadrepartenaires36_r7_c2_f2.jpg','cadrepartenaires36_r7_c2_f4.jpg',1);" onclick="MM_nbGroup('down','navbar1','cadrepartenaires36_r7_c2','cadrepartenaires36_r7_c2_f3.jpg',1);"><img name="cadrepartenaires36_r7_c2" src="cadrepartenaires36_r7_c2.jpg" width="81" height="11" border="0" id="cadrepartenaires36_r7_c2" alt="" /></a></td> <td colspan="5"><img name="cadrepartenaires36_r7_c16" src="cadrepartenaires36_r7_c16.jpg" width="8" height="11" border="0" id="cadrepartenaires36_r7_c16" alt="" /></td> <td><img src="spacer.gif" width="1" height="11" border="0" alt="" /></td> </tr> <tr> <td colspan="16"><a href="http://www.webarobaz.com/somfy.html" onmouseout="MM_nbGroup('out');" onmouseover="MM_nbGroup('over','cadrepartenaires36_r8_c2','cadrepartenaires36_r8_c2_f2.jpg','cadrepartenaires36_r8_c2_f4.jpg',1);" onclick="MM_nbGroup('down','navbar1','cadrepartenaires36_r8_c2','cadrepartenaires36_r8_c2_f3.jpg',1);"><img name="cadrepartenaires36_r8_c2" src="cadrepartenaires36_r8_c2.jpg" width="85" height="8" border="0" id="cadrepartenaires36_r8_c2" alt="" /></a></td> <td rowspan="2" colspan="3"><img name="cadrepartenaires36_r8_c18" src="cadrepartenaires36_r8_c18.jpg" width="4" height="10" border="0" id="cadrepartenaires36_r8_c18" alt="" /></td> <td><img src="spacer.gif" width="1" height="8" border="0" alt="" /></td> </tr> <tr> <td colspan="16"><img name="cadrepartenaires36_r9_c2" src="cadrepartenaires36_r9_c2.jpg" width="85" height="2" border="0" id="cadrepartenaires36_r9_c2" alt="" /></td> <td><img src="spacer.gif" width="1" height="2" border="0" alt="" /></td> </tr> <tr> <td rowspan="2" colspan="6"><img name="cadrepartenaires36_r10_c2" src="cadrepartenaires36_r10_c2.jpg" width="13" height="79" border="0" id="cadrepartenaires36_r10_c2" alt="" /></td> <td colspan="14"><a href="http://www.webarobaz.com/somfy.html" onmouseout="MM_nbGroup('out');" onmouseover="MM_nbGroup('over','cadrepartenaires36_r10_c8','cadrepartenaires36_r10_c8_f2.jpg','cadrepartenaires36_r10_c8_f4.jpg',1);" onclick="MM_nbGroup('down','navbar1','cadrepartenaires36_r10_c8','cadrepartenaires36_r10_c8_f3.jpg',1);"><img name="cadrepartenaires36_r10_c8" src="cadrepartenaires36_r10_c8.jpg" width="77" height="68" border="0" id="cadrepartenaires36_r10_c8" alt="" /></a></td> <td rowspan="6" colspan="4"><img name="cadrepartenaires36_r10_c22" src="cadrepartenaires36_r10_c22.jpg" width="18" height="100" border="0" id="cadrepartenaires36_r10_c22" alt="" /></td> <td><img src="spacer.gif" width="1" height="68" border="0" alt="" /></td> </tr> <tr> <td colspan="14"><img name="cadrepartenaires36_r11_c8" src="cadrepartenaires36_r11_c8.jpg" width="77" height="11" border="0" id="cadrepartenaires36_r11_c8" alt="" /></td> <td><img src="spacer.gif" width="1" height="11" border="0" alt="" /></td> </tr> <tr> <td rowspan="12" colspan="2"><img name="cadrepartenaires36_r12_c2" src="cadrepartenaires36_r12_c2.jpg" width="3" height="213" border="0" id="cadrepartenaires36_r12_c2" alt="" /></td> <td colspan="7"><a href="http://www.webarobaz.com/guttomat.html" onmouseout="MM_nbGroup('out');" onmouseover="MM_nbGroup('over','cadrepartenaires36_r12_c4','cadrepartenaires36_r12_c4_f2.jpg','cadrepartenaires36_r12_c4_f4.jpg',1);" onclick="MM_nbGroup('down','navbar1','cadrepartenaires36_r12_c4','cadrepartenaires36_r12_c4_f3.jpg',1);"><img name="cadrepartenaires36_r12_c4" src="cadrepartenaires36_r12_c4.jpg" width="35" height="9" border="0" id="cadrepartenaires36_r12_c4" alt="" /></a></td> <td rowspan="2" colspan="11"><img name="cadrepartenaires36_r12_c11" src="cadrepartenaires36_r12_c11.jpg" width="52" height="12" border="0" id="cadrepartenaires36_r12_c11" alt="" /></td> <td><img src="spacer.gif" width="1" height="9" border="0" alt="" /></td> </tr> <tr> <td colspan="7"><img name="cadrepartenaires36_r13_c4" src="cadrepartenaires36_r13_c4.jpg" width="35" height="3" border="0" id="cadrepartenaires36_r13_c4" alt="" /></td> <td><img src="spacer.gif" width="1" height="3" border="0" alt="" /></td> </tr> <tr> <td rowspan="4"><img name="cadrepartenaires36_r14_c4" src="cadrepartenaires36_r14_c4.jpg" width="3" height="90" border="0" id="cadrepartenaires36_r14_c4" alt="" /></td> <td colspan="11"><a href="http://www.webarobaz.com/guttomat.html" onmouseout="MM_nbGroup('out');" onmouseover="MM_nbGroup('over','cadrepartenaires36_r14_c5','cadrepartenaires36_r14_c5_f2.jpg','cadrepartenaires36_r14_c5_f4.jpg',1);" onclick="MM_nbGroup('down','navbar1','cadrepartenaires36_r14_c5','cadrepartenaires36_r14_c5_f3.jpg',1);"><img name="cadrepartenaires36_r14_c5" src="cadrepartenaires36_r14_c5.jpg" width="75" height="8" border="0" id="cadrepartenaires36_r14_c5" alt="" /></a></td> <td rowspan="2" colspan="6"><img name="cadrepartenaires36_r14_c16" src="cadrepartenaires36_r14_c16.jpg" width="9" height="9" border="0" id="cadrepartenaires36_r14_c16" alt="" /></td> <td><img src="spacer.gif" width="1" height="8" border="0" alt="" /></td> </tr> <tr> <td colspan="11"><img name="cadrepartenaires36_r15_c5" src="cadrepartenaires36_r15_c5.jpg" width="75" height="1" border="0" id="cadrepartenaires36_r15_c5" alt="" /></td> <td><img src="spacer.gif" width="1" height="1" border="0" alt="" /></td> </tr> <tr> <td rowspan="2" colspan="2"><img name="cadrepartenaires36_r16_c5" src="cadrepartenaires36_r16_c5.jpg" width="6" height="81" border="0" id="cadrepartenaires36_r16_c5" alt="" /></td> <td colspan="17"><a href="http://www.webarobaz.com/guttomat.html" onmouseout="MM_nbGroup('out');" onmouseover="MM_nbGroup('over','cadrepartenaires36_r16_c7','cadrepartenaires36_r16_c7_f2.jpg','cadrepartenaires36_r16_c7_f4.jpg',1);" onclick="MM_nbGroup('down','navbar1','cadrepartenaires36_r16_c7','cadrepartenaires36_r16_c7_f3.jpg',1);"><img name="cadrepartenaires36_r16_c7" src="cadrepartenaires36_r16_c7.jpg" width="81" height="68" border="0" id="cadrepartenaires36_r16_c7" alt="" /></a></td> <td rowspan="6" colspan="2"><img name="cadrepartenaires36_r16_c24" src="cadrepartenaires36_r16_c24.jpg" width="15" height="105" border="0" id="cadrepartenaires36_r16_c24" alt="" /></td> <td><img src="spacer.gif" width="1" height="68" border="0" alt="" /></td> </tr> <tr> <td colspan="17"><img name="cadrepartenaires36_r17_c7" src="cadrepartenaires36_r17_c7.jpg" width="81" height="13" border="0" id="cadrepartenaires36_r17_c7" alt="" /></td> <td><img src="spacer.gif" width="1" height="13" border="0" alt="" /></td> </tr> <tr> <td colspan="8"><a href="http://www.webarobaz.com/hormann.html" onmouseout="MM_nbGroup('out');" onmouseover="MM_nbGroup('over','cadrepartenaires36_r18_c4','cadrepartenaires36_r18_c4_f2.jpg','cadrepartenaires36_r18_c4_f4.jpg',1);" onclick="MM_nbGroup('down','navbar1','cadrepartenaires36_r18_c4','cadrepartenaires36_r18_c4_f3.jpg',1);"><img name="cadrepartenaires36_r18_c4" src="cadrepartenaires36_r18_c4.jpg" width="36" height="10" border="0" id="cadrepartenaires36_r18_c4" alt="" /></a></td> <td rowspan="2" colspan="12"><img name="cadrepartenaires36_r18_c12" src="cadrepartenaires36_r18_c12.jpg" width="54" height="12" border="0" id="cadrepartenaires36_r18_c12" alt="" /></td> <td><img src="spacer.gif" width="1" height="10" border="0" alt="" /></td> </tr> <tr> <td colspan="8"><img name="cadrepartenaires36_r19_c4" src="cadrepartenaires36_r19_c4.jpg" width="36" height="2" border="0" id="cadrepartenaires36_r19_c4" alt="" /></td> <td><img src="spacer.gif" width="1" height="2" border="0" alt="" /></td> </tr> <tr> <td rowspan="2" colspan="6"><img name="cadrepartenaires36_r20_c4" src="cadrepartenaires36_r20_c4.jpg" width="20" height="12" border="0" id="cadrepartenaires36_r20_c4" alt="" /></td> <td colspan="5"><a href="http://www.webarobaz.com/hormann.html" onmouseout="MM_nbGroup('out');" onmouseover="MM_nbGroup('over','cadrepartenaires36_r20_c10','cadrepartenaires36_r20_c10_f2.jpg','cadrepartenaires36_r20_c10_f4.jpg',1);" onclick="MM_nbGroup('down','navbar1','cadrepartenaires36_r20_c10','cadrepartenaires36_r20_c10_f3.jpg',1);"><img name="cadrepartenaires36_r20_c10" src="cadrepartenaires36_r20_c10.jpg" width="46" height="10" border="0" id="cadrepartenaires36_r20_c10" alt="" /></a></td> <td rowspan="2" colspan="9"><img name="cadrepartenaires36_r20_c15" src="cadrepartenaires36_r20_c15.jpg" width="24" height="12" border="0" id="cadrepartenaires36_r20_c15" alt="" /></td> <td><img src="spacer.gif" width="1" height="10" border="0" alt="" /></td> </tr> <tr> <td colspan="5"><img name="cadrepartenaires36_r21_c10" src="cadrepartenaires36_r21_c10.jpg" width="46" height="2" border="0" id="cadrepartenaires36_r21_c10" alt="" /></td> <td><img src="spacer.gif" width="1" height="2" border="0" alt="" /></td> </tr> <tr> <td rowspan="2" colspan="4"><img name="cadrepartenaires36_r22_c4" src="cadrepartenaires36_r22_c4.jpg" width="10" height="87" border="0" id="cadrepartenaires36_r22_c4" alt="" /></td> <td colspan="17"><a href="http://www.webarobaz.com/hormann.html" onmouseout="MM_nbGroup('out');" onmouseover="MM_nbGroup('over','cadrepartenaires36_r22_c8','cadrepartenaires36_r22_c8_f2.jpg','cadrepartenaires36_r22_c8_f4.jpg',1);" onclick="MM_nbGroup('down','navbar1','cadrepartenaires36_r22_c8','cadrepartenaires36_r22_c8_f3.jpg',1);"><img name="cadrepartenaires36_r22_c8" src="cadrepartenaires36_r22_c8.jpg" width="81" height="67" border="0" id="cadrepartenaires36_r22_c8" alt="" /></a></td> <td rowspan="9"><img name="cadrepartenaires36_r22_c25" src="cadrepartenaires36_r22_c25.jpg" width="14" height="280" border="0" id="cadrepartenaires36_r22_c25" alt="" /></td> <td><img src="spacer.gif" width="1" height="67" border="0" alt="" /></td> </tr> <tr> <td colspan="17"><img name="cadrepartenaires36_r23_c8" src="cadrepartenaires36_r23_c8.jpg" width="81" height="20" border="0" id="cadrepartenaires36_r23_c8" alt="" /></td> <td><img src="spacer.gif" width="1" height="20" border="0" alt="" /></td> </tr> <tr> <td rowspan="7"><img name="cadrepartenaires36_r24_c2" src="cadrepartenaires36_r24_c2.jpg" width="1" height="193" border="0" id="cadrepartenaires36_r24_c2" alt="" /></td> <td colspan="16"><a href="http://www.webarobaz.com/lakal.html" onmouseout="MM_nbGroup('out');" onmouseover="MM_nbGroup('over','cadrepartenaires36_r24_c3','cadrepartenaires36_r24_c3_f2.jpg','cadrepartenaires36_r24_c3_f4.jpg',1);" onclick="MM_nbGroup('down','navbar1','cadrepartenaires36_r24_c3','cadrepartenaires36_r24_c3_f3.jpg',1);"><img name="cadrepartenaires36_r24_c3" src="cadrepartenaires36_r24_c3.jpg" width="85" height="8" border="0" id="cadrepartenaires36_r24_c3" alt="" /></a></td> <td rowspan="2" colspan="6"><img name="cadrepartenaires36_r24_c19" src="cadrepartenaires36_r24_c19.jpg" width="8" height="11" border="0" id="cadrepartenaires36_r24_c19" alt="" /></td> <td><img src="spacer.gif" width="1" height="8" border="0" alt="" /></td> </tr> <tr> <td colspan="16"><img name="cadrepartenaires36_r25_c3" src="cadrepartenaires36_r25_c3.jpg" width="85" height="3" border="0" id="cadrepartenaires36_r25_c3" alt="" /></td> <td><img src="spacer.gif" width="1" height="3" border="0" alt="" /></td> </tr> <tr> <td rowspan="3" colspan="4"><img name="cadrepartenaires36_r26_c3" src="cadrepartenaires36_r26_c3.jpg" width="11" height="100" border="0" id="cadrepartenaires36_r26_c3" alt="" /></td> <td colspan="13"><a href="http://www.webarobaz.com/lakal.html" onmouseout="MM_nbGroup('out');" onmouseover="MM_nbGroup('over','cadrepartenaires36_r26_c7','cadrepartenaires36_r26_c7_f2.jpg','cadrepartenaires36_r26_c7_f4.jpg',1);" onclick="MM_nbGroup('down','navbar1','cadrepartenaires36_r26_c7','cadrepartenaires36_r26_c7_f3.jpg',1);"><img name="cadrepartenaires36_r26_c7" src="cadrepartenaires36_r26_c7.jpg" width="76" height="68" border="0" id="cadrepartenaires36_r26_c7" alt="" /></a></td> <td rowspan="3" colspan="5"><img name="cadrepartenaires36_r26_c20" src="cadrepartenaires36_r26_c20.jpg" width="6" height="100" border="0" id="cadrepartenaires36_r26_c20" alt="" /></td> <td><img src="spacer.gif" width="1" height="68" border="0" alt="" /></td> </tr> <tr> <td colspan="13"><img name="cadrepartenaires36_r27_c7" src="cadrepartenaires36_r27_c7.jpg" width="76" height="20" border="0" id="cadrepartenaires36_r27_c7" alt="" /></td> <td><img src="spacer.gif" width="1" height="20" border="0" alt="" /></td> </tr> <tr> <td colspan="2"><img name="cadrepartenaires36_r28_c7" src="cadrepartenaires36_r28_c7.jpg" width="8" height="12" border="0" id="cadrepartenaires36_r28_c7" alt="" /></td> <td colspan="5"><a href="http://www.webarobaz.com/diferbat.html" onmouseout="MM_nbGroup('out');" onmouseover="MM_nbGroup('over','cadrepartenaires36_r28_c9','cadrepartenaires36_r28_c9_f2.jpg','cadrepartenaires36_r28_c9_f4.jpg',1);" onclick="MM_nbGroup('down','navbar1','cadrepartenaires36_r28_c9','cadrepartenaires36_r28_c9_f3.jpg',1);"><img name="cadrepartenaires36_r28_c9" src="cadrepartenaires36_r28_c9.jpg" width="45" height="12" border="0" id="cadrepartenaires36_r28_c9" alt="" /></a></td> <td colspan="6"><img name="cadrepartenaires36_r28_c14" src="cadrepartenaires36_r28_c14.jpg" width="23" height="12" border="0" id="cadrepartenaires36_r28_c14" alt="" /></td> <td><img src="spacer.gif" width="1" height="12" border="0" alt="" /></td> </tr> <tr> <td rowspan="2" colspan="3"><img name="cadrepartenaires36_r29_c3" src="cadrepartenaires36_r29_c3.jpg" width="10" height="82" border="0" id="cadrepartenaires36_r29_c3" alt="" /></td> <td colspan="17"><a href="http://www.webarobaz.com/diferbat.html" onmouseout="MM_nbGroup('out');" onmouseover="MM_nbGroup('over','cadrepartenaires36_r29_c6','cadrepartenaires36_r29_c6_f2.jpg','cadrepartenaires36_r29_c6_f4.jpg',1);" onclick="MM_nbGroup('down','navbar1','cadrepartenaires36_r29_c6','cadrepartenaires36_r29_c6_f3.jpg',1);"><img name="cadrepartenaires36_r29_c6" src="cadrepartenaires36_r29_c6.jpg" width="80" height="73" border="0" id="cadrepartenaires36_r29_c6" alt="" /></a></td> <td rowspan="2" colspan="2"><img name="cadrepartenaires36_r29_c23" src="cadrepartenaires36_r29_c23.jpg" width="3" height="82" border="0" id="cadrepartenaires36_r29_c23" alt="" /></td> <td><img src="spacer.gif" width="1" height="73" border="0" alt="" /></td> </tr> <tr> <td colspan="17"><img name="cadrepartenaires36_r30_c6" src="cadrepartenaires36_r30_c6.jpg" width="80" height="9" border="0" id="cadrepartenaires36_r30_c6" alt="" /></td> <td><img src="spacer.gif" width="1" height="9" border="0" alt="" /></td> </tr></table> </div></div></div><div id="contenu"> <div id="defil"> <MARQUEE behavior="scroll" align="center" direction="right" height="80" scrollamount="2" scrolldelay="1" onmouseover='this.stop()' onmouseout='this.start()' style="border-color:green; border-width:5; border-style:inset"><a><img src="logocardin8080.jpg" width="80" height="80" alt ="logo cardin."border="0"/></a><a><img src="logo.guttomat.jpg" width="80" height="80" alt ="logo guttomat."border="0"/></a><a ><img src="logo.hormann.jpg" width="80" height="80" alt ="logo hormann."border="0"/></a><a ><img src="logo_somfy.jpg" width="80" height="80" ALT ="logo somfy."BORDER="0"/></a> <a ><img src="logo.lakal2.jpg" width="80" height="80" ALT ="logo lakal."BORDER="0"/> </a> <a ><img src="logo-inner.jpg" width="80" height="80" ALT ="logo inner."BORDER="0"/></a> <a ><img src="logo-nice.jpg" width="80" height="80" ALT ="logo nice."BORDER="0"/></a> <a ><img src="logo-berner.jpg" width="80" height="80" ALT ="logo berner."BORDER="0"/></a> </MARQUEE></div> <table width="529" height="1145" bgcolor="#EBE9ED"> <tr bgcolor="#FFFFFF"> <td width="517" height="151" bgcolor="#5978A6"><div align="center"><strong><span class="Style1"> Bonne</span></strong> <strong><span class="Style1">ville</span> <span class="Style1">Automatismes</span></strong><span class="Style30"><br /> <span class="Style5 Style49">16 RUE SAGLIO <br /> 67100 STRASBOURG</span></span><span class="Style23 Style49"><br /> Tél. : <strong>03 88 29 03 09</strong></span> <span class="Style23 Style49"><br /> Fax. : <strong>03 88 29 15 99</strong></span> <span class="Style23"><br /> <span class="Style9">Mail : <a href= " mailto:bonneville.automatismes_AT_wanadoo.fr">bonneville.automatismes_AT_wanadoo.fr</a></span><br /> </span><br /> </div></td> </tr> <tr bgcolor="#FFFFFF"> <td height="763" bgcolor="#5979B5"> <p align="center" class="Style31 Style38"><span class="Style25 Style47">Bonneville Automatismes</span><span class="Style26 Style47"> « Le bien être de nos clients » </span><br /> </p> <p align="center" class="Style31 Style38"> <br /> <span class="Style43">Créée en Juillet 2002, Bonneville Automatismes, Entreprise jeune et dynamique met à votre service des méthodes de travail précises et innovantes respectant les procédures en normes « qualité ». </span></p> <p align="center" class="Style38 Style39">Respectueux du service rendu , nous utilisons du matériel professionnel, issu<br /> de fournisseurs réputés et de forte notoriété.</p> <p align="center" class="Style40">Pour vous satisfaire, nous proposons une gamme de services, en fourniture et pose,<br /> qui englobe les fermetures et automatisme de votre maison, de votre bureau, ou de votre local industriel. </p> <p align="center" class="Style42">Notre expérience nous permet une mise en oeuvre professionnelle certifiée.</p> <p align="center" class="Style43">Nous sommes à votre écoute pour vous établir des devis « gratuits » et personnalisés.</p> <p align="center" class="Style38"><span class="Style44">Notre site vous offre une consultation de l’ensemble de notre catalogue (exemples: volets roulants Lakal, automatismes Somfy, Portails sur mesures en aluminium, acier ou PVC,<br /> automatismes pour portail CARDIN, NICE, etc..).</span><br /> </p> <p align="center" class="Style38 Style45">Notre gamme</p> <p align="center" class="Style46"> - Toutes motorisations : Portails, battants & coulissants. <br /> - Volets roulants, rideaux de fer, micro perforé, laqué... <br /> - Systmes de télécommandes TOUTES MARQUES.<br /> - Portes de garages sectionnelles isolantes pour l’habitat et l'industrie.<br /> - Contrat d’entretien avec service 24h :24h</p> <p align="center" class="Style41 Style38">Nos documentations sont à votre disposition ... </p> <p align="center"><br /> </p> <p align="center"></p> <div align="center"><a href="contact3.php" class="Style48">Nous contacter</a></div></td> </tr> <tr> <td height="163" bordercolor="#000000" bgcolor="#6F7A91"><div align="center"> <img src="antriebe.jpg" width="140" height="93" border="1" /></div></td> </tr></table></div><div id="footer"> <div class="Style20" id="fondfooter"><table width="816"> <tr> <th width="257" scope="col"><div align="left"><span class="Style34">Bonneville Automatismes</span></div></th> <th width="72" scope="col"><div align="center"><span class="Style9 Style14"><a href="bonneville3.html">Accueil</a></span></div></th> <th width="89" scope="col"><div align="center"><span class="Style9 Style14"><a href="plan.html">Plan d'accès</a></span></div></th> <th width="86" scope="col"><div align="center" class="Style14"><span class="Style9"><a href="partenaires.html">Partenaires</a></span></div></th> <th width="61" scope="col"><div align="center" class="Style14"><span class="Style9"><a href="contact3.php">Contact</a></span></div></th> <th width="223" scope="col"><div align="right"><span class="Style12 Style36">Création et Design : webarobaz.com</span></div></th> </tr> </table> </div></div><div id="anim"> <script type="text/javascript">AC_FL_RunContent( 'codebase','http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,28,0','width','144','height','250','src','Anim_lateral','quality','high','pluginspage','http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash','movie','Anim_lateral' ); //end AC code</script><noscript><object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,28,0" width="144" height="250"> <param name="movie" value="Anim_lateral.swf" /> <param name="quality" value="high" /> <embed src="Anim_lateral.swf" quality="high" pluginspage="http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash" width="144" height="250"></embed> </object> </noscript></div> <div id="cadpart"><img src="nospartcadre3.gif" width="150" height="84" /></div></div></body></html> Merci de votre aide précieuse. @++
PhY Posté 29 Septembre 2008 Posté 29 Septembre 2008 Salut, Inspires-toi de ces templates sur ce site avec notamment celui-ci Bon courage Bye
Leonick Posté 29 Septembre 2008 Posté 29 Septembre 2008 essaie avec margin-left:100%;left:-414px;width:827px; Ca devrait le faire
yuston Posté 29 Septembre 2008 Posté 29 Septembre 2008 Je n'ai pas bien compris. Tu essaies de faire un site élastique: la page de ton site occupe l'intégralité de la largeur de l'écran du visiteur et ce, quelque soit sa résolution? Si tel est le cas, il est logique de dire que, centrer cette page est impossible vu qu'elle va occuper tout l'écran! C'est comme dire que Webmaster-Hub est centré.... aucun sens.
Monique Posté 29 Septembre 2008 Posté 29 Septembre 2008 Bonjour, Dans ce tutoriel très complet, tu trouveras différentes solutions pour le centrage horizontal et vertical.
roro67 Posté 29 Septembre 2008 Auteur Posté 29 Septembre 2008 Merci pour toutes vos réponses, c'est super sympa ! En effet, comme tu le dis bien "Yuston" je ne veux pas centrer mon site sur toute la fenêtre, ça n'a en effet aucun sens..désolé si je me suis mal exprimé. Je voudrais que mon site, mes pages, prennent toutes la largeur de la fenêtre selon les différentes résolutions. Est-ce possible avec les codes de ma page "accueil"..que dois-je faire pour remédier à ce problème..peut-être mettre des pourcentages aussi à tous les éléments dans mon conteneur ? et si oui, quel pourcentage pour quel élément ? Merci beaucoup de votre aide ! A bientôt
birdyman Posté 30 Septembre 2008 Posté 30 Septembre 2008 Salut, Pour faire simple, tu dois mixer entre des élément à largeur fixe et des éléments définis en pourcentage. Tes menus de chaque coté de ton texte principal, seront en largeur fixe, alors que ton cadre principal, là où tu as ton texte, sera lui en %. Attention quand même, les design qui s'adaptent à la largeur d'une page peuvent être assez pénibles à lire quand ils sont mal fais. Si sur une résolution commune, un petit paragraphe des 3 lignes est sympa à lire, quand il ne forme plus qu'une ligne qui fait la largeur de l'écran, c'est déjà moins sympa.
roro67 Posté 1 Octobre 2008 Auteur Posté 1 Octobre 2008 Salut, Merci Birdyman, ça me paraît pas simple, je vais d'abord finir les autres pages de mon site et je réessayerais plus tard.. Encore merci A bientôt
Sujets conseillés
Veuillez vous connecter pour commenter
Vous pourrez laisser un commentaire après vous êtes connecté.
Connectez-vous maintenant