Jump to content
Sign in to follow this  
roro67

Centrer mes pages à toutes les résolutions

Rate this topic

Recommended Posts

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.

@++

Share this post


Link to post
Share on other sites

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.

Share this post


Link to post
Share on other sites

Bonjour,

Dans ce tutoriel très complet, tu trouveras différentes solutions pour le centrage horizontal et vertical.

Share this post


Link to post
Share on other sites

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

Share this post


Link to post
Share on other sites

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.

Share this post


Link to post
Share on other sites

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

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
Sign in to follow this  

×
×
  • Create New...