Moi, j'ai créé mon site en 1999p X 1000p et j'ai mis le site a vec les infos au milieux et autour une image grise pour faire le fond d'écran.
Le problème est que lorsqu'on est sur un grand écran le site est bien mais lorsqu'on est sur un petit j'ai un scroll bar horizontal que je dois déplacer au milieux pour voir le site avec les infos.
J'aimerais donc que vous m'aidiez soit à : - Mettre mon scroll bar horizontal automatiquement au milieux de la page lorsqu'on ouvre le site
OU
- Régler mon image de fond automatiquement sans scroll bar qui se regle pour un grand ecran et un petit automatiquement comme sur le site de APPLE ou sur le site de PCINFORMATIQUE .
Voici mon CCS :
- Code: Tout sélectionner
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html lang="fr">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<!--Serif WebPlus 10 HTML Export-->
<!--Supports HTML 4.01-->
<meta name="Generator" content="Serif WebPlus 10.1.3.039">
<title>Beautytek 47</title>
<meta name="keywords" content="remodelage corporel, beautytek,">
<meta name="description" content="Venez découvrir la nouvelle technique de remodelage corporel. L'innovation esthétique.">
<meta http-equiv="Content-Language" content="fr">
<meta name="robots" content="index,follow">
<style type="text/css">
<!--
body {margin: 0px; padding: 0px;}
.Normal-P
{
margin:0.0px 0.0px 0.0px 0.0px; text-align:left; font-weight:400;
}
.Normal-C
{
font-family:"Times New Roman", serif; font-weight:700;
font-size:19.0px; line-height:1.21em;
}
-->
</style>
<script type="text/javascript"><!--
var blankSrc = "_wp_scripts/blank.gif";
--></script>
<script src="_wp_scripts/jspngfix.js" type="text/javascript"></script>
</head>
<body link="#0a21ff" vlink="#ff0000" alink="#0000ff" text="#000000" style="background: #ffffff; height:1000px;">
<center><div style="position:relative;width:1999px;">
<object classid='CLSID:22d6f312-b0f6-11d0-94ab-0080c74c7e95'
codebase='http://activex.microsoft.com/activex/controls/mplayer/en/nsmp2inf.cab#Version=5,1,52,701'
type='application/x-oleobject'
>
<param name='fileName' value="eau.wma">
<param name='animationatStart' value='true'>
<param name='transparentatStart' value='true'>
<param name='autoStart' value="true">
<param name='showControls' value="false">
<param name='loop' value="false">
<param name='hidden' value="true">
<embed type='audio/x-ms-wma'
pluginspage='http://microsoft.com/windows/mediaplayer/en/download/'
displaysize='4' autosize='-1'
showcontrols="false" showtracker='-1' showdisplay='0'
showstatusbar='-1' videoborder3d='-1'
src="eau.wma"
autostart="true"
designtimesp='5311'
loop="false"
hidden='true'>
</embed>
</object>
<div style="position:absolute; left:0px; top:0px; width:1999px; height:1000px;">
<img src="_wp_generated/wp0845a8c0.png" width="1999" height="1000" border="0" id="pic_235" name="pic_235" title="" alt="wp0845a8c0.png" onload="OnLoadPngFix()"></div>
<div style="position:absolute; left:978px; top:357px; width:325px; height:51px;">
<map name="map0">
<area shape="poly" coords="312,2,0,2,0,51,312,51" href="page1.html">
</map>
<img src="_wp_generated/wp6b4d4a4b.png" width="325" height="51" border="0" id="art_58" name="art_58" title="" alt="wp6b4d4a4b.png" onload="OnLoadPngFix()" usemap="#map0"></div>
<div style="position:absolute; left:1006px; top:456px; width:261px; height:51px;">
<map name="map1">
<area shape="poly" coords="248,2,0,2,0,51,248,51" href="page14.html">
</map>
<img src="_wp_generated/wpa2bfbb51.png" width="261" height="51" border="0" id="art_59" name="art_59" title="" alt="wpa2bfbb51.png" onload="OnLoadPngFix()" usemap="#map1"></div>
<div style="position:absolute; left:545px; top:187px; width:280px; height:95px;">
<img src="_wp_generated/wp63b6b91b_4e.jpg" width="280" height="95" border="0" id="pic_100" name="pic_100" title="" alt="wp63b6b91b_4e.jpg"></div>
<div style="position:absolute; left:554px; top:350px; width:273px; height:89px;">
<img src="_wp_generated/wpbff951e7.png" width="273" height="89" border="0" id="three_2" name="three_2" title="" alt="wpbff951e7.png" onload="OnLoadPngFix()"></div>
<div style="text-align:left; position:absolute; left:870px; top:354px;">
<a href="page1.html"><img alt="" src="_wp_generated/wpc0db46f4.gif" width="68" height="56" border="0" id="agif1" name="agif1" alt="wpc0db46f4.gif"></a></div>
<div style="text-align:left; position:absolute; left:867px; top:459px;">
<a href="page14.html"><img alt="" src="_wp_generated/wpc0db46f4.gif" width="69" height="57" border="0" id="agif2" name="agif2" alt="wpc0db46f4.gif"></a></div>
<div style="position:absolute; left:715px; top:263px; width:114px; height:25px;">
<div class="Normal-P">
<span class="Normal-C">By Medilab</span></div>
</div>
<div style="position:absolute; left:898px; top:189px; width:560px; height:64px;">
<applet archive="SerifMarquee.jar" code="SerifMarquee.class" width="560" height="64" id="</map>
1" name="</map>
1">
<param name="Global" value="FPS:60;BACKGROUND:95,164,243;">
<param name="Event1" value="TYPE:TEXT;SPEED:6;TEXT:L'innovation esthétique;FONT:Times New Roman;SIZE:30;STYLE:BOLD;COLOUR:255,255,255;POSITION:MIDDLE;DIRECTION:RIGHTWARDS;">
</applet>
</div>
<div style="position:absolute; left:1009px; top:567px; width:274px; height:51px;">
<map name="map2">
<area shape="poly" coords="254,2,0,2,0,51,254,51" href="page21.html">
</map>
<img src="_wp_generated/wp0fa77a9c.png" width="274" height="51" border="0" id="art_82" name="art_82" title="" alt="wp0fa77a9c.png" onload="OnLoadPngFix()" usemap="#map2"></div>
<div style="text-align:left; position:absolute; left:866px; top:565px;">
<a href="page21.html"><img alt="" src="_wp_generated/wpc0db46f4.gif" width="71" height="58" border="0" id="agif4" name="agif4" alt="wpc0db46f4.gif"></a></div>
<div style="position:absolute; left:566px; top:570px; width:153px; height:131px;">
<map name="map3">
<area shape="poly" coords="148,28,130,5,1,107,19,129" href="page22.html">
</map>
<img src="_wp_generated/wp77e5b91e.png" width="153" height="131" border="0" id="art_98" name="art_98" title="" alt="wp77e5b91e.png" onload="OnLoadPngFix()" usemap="#map3"></div>
<div style="position:absolute; left:1335px; top:760px; width:100px; height:30px;">
<iframe id="webresource_5" name="webresource_5" src="http://www.serifwebresources.com/control.php?lang=fr&uid=9e441d4e7c18881c8dcf76dd953da87400a22398" allowtransparency="true" style="width:100px; height:30px;" frameborder="0"></iframe>
</div>
</div></center>
</body>
</html>
CORDIALEMENT