<![CDATA[Scroll orizzontale non gradito]]>

<![CDATA[Scroll orizzontale non gradito]]>Mi sono reso conto che è apparso uno scroll orizzontale non voluto e del tutto inuitile perchè la pagina rientra gia nello schermo.
Sarà qualche errore che data la mia inesperienza non riesco a vedere...io ho provato a far rientrare i margini ma nulla.
Posto il codice

@charset "utf-8";
/* CSS Document */

body{
    background:#FFF;
    margin:0 auto;
    padding:0;
    width:100%;
    height:600px;
}

#header{
    background-image:url(images/header.jpg);
    background-repeat:no-repeat;
    width:100%;
    height:120px;
    margin:0 auto;
}



#navigation{
    background-color:#FFF;
    width:100%;
    height:430px;
    margin:0 auto;
    padding:0;
}

#testo_img{
    background-image:url(images/testo-home-page.jpg);
    background-repeat:no-repeat;
    height:430px;
    width:600px;
    margin:10px 0 0 50px;
    padding:0;
    float:left;
}

#separatore{
    width:25px;
    height:350px;
    padding:0;
    margin:0 auto;
    float:left;
}

#foto_flash{
    height:400px;
    width:550px;
    padding:0;
    float:left;
    }
    


#menu{
    width:20px;
    list-style:none;
    overflow:hidden;
    width:100%;
    float:left;
    padding:1px;
    margin:30px 0 0  0;

}

 li{
    display:inline;
} 
 li.vocecorrente a{ /*caratteristiche della voce del menu selezionata*/
color:#FC0;
text-decoration: none;
}

 a{
    display:block;
    float:left;
    padding-rigth:90px;
    height:25px;
    margin-left:125px;
    padding-left:65px;
    font-family:Arial, Helvetica, sans-serif;
    font-style:italic;
    font-size:14px;
    text-decoration:none;
    color:#FFF;
    line-height:25px;
}
 a:hover{
    color:#FC0;
    
} 



#footer{
    background-image:url(images/footer.jpg);
    background-repeat:no-repeat;
    margin:0 auto;
    padding:0;
    height:245px;
    width:100%;
    position:absolute;


}

#menu_footer{
    height:50px;
    width:650px;
    margin:120px 0 0 30px;
    padding:0;
    position:absolute;

}
     li{
    display:inline;}
 a{
    display:block;
    float:left;
    padding:20px 95px 0 0;
    font-family:Arial, Helvetica, sans-serif;
    font-style:italic;
    font-size:14px;
    font:bolder;
    text-decoration:none;
    line-height:25px;
    color:#F9F;}
    
    

    
    
#mappa{
    height:50px;
    width:200px;
    margin:20px 0 0 890px;
    padding:175px 0 0 0;

}
 li{
    display:inline;
}
 a{
    display:block;
    float:left;
    font-family:Arial, Helvetica, sans-serif;
    font-style:italic;
    font-size:14px;
    font:bold;
    text-decoration:none;
    color:#FFF;
    line-height:25px;
}
 a:hover{
    color:#FC0;
    
}

<head>
    <script src="Scripts/swfobject_modified.js" type="text/javascript"></script>
   
   
         <script type="text/javascript">
            var GB_ROOT_DIR = "./greybox/";
        </script>
        <script type="text/javascript" src="greybox/AJS.js"></script>
        <script type="text/javascript" src="greybox/AJS_fx.js"></script>
        <script type="text/javascript" src="greybox/gb_scripts.js"></script>
        <link href="greybox/gb_styles.css" rel="stylesheet" type="text/css" />



<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link rel="stylesheet" href="home-page.css"- type="text/css" />
<title>Documento senza titolo</title>
</head>






<body>

<div id="header">
<ul id="menu">
<li class="vocecorrente"><a href="home-page.html"><strong>Home</strong></a></li>
<li><a href="il-nostro-team.html"><strong>Il nostro Team</strong></a></li>
<li><a href="partners.html"><strong>Partners</strong></a></li>
<li><a href="#"><strong>Servizi</strong></a></li>
</ul></div>

<div id="navigation">
  


<div id="testo_img"></div>
<div id="separatore"><img src="images/linea.jpg" width="17" height="400" /></div>







<div id="foto_flash">
  <object id="FlashID" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="550" height="400">
    <param name="movie" value="FOTO_HAIR1.swf" />
    <param name="quality" value="high" />
    <param name="wmode" value="opaque" />
    <param name="swfversion" value="9.0.45.0" />
    <!-- This param tag prompts users with Flash Player 6.0 r65 and higher to download the latest version of Flash Player. Delete it if you don?t want users to see the prompt. -->
    <param name="expressinstall" value="Scripts/expressInstall.swf" />
    <!-- Next object tag is for non-IE browsers. So hide it from IE using IECC. -->
    <!--[if !IE]>-->
    <object type="application/x-shockwave-flash" data="FOTO_HAIR1.swf" width="550" height="400">
      <!--<![endif]-->
      <param name="quality" value="high" />
      <param name="wmode" value="opaque" />
      <param name="swfversion" value="9.0.45.0" />
      <param name="expressinstall" value="Scripts/expressInstall.swf" />
      <!-- The browser displays the following alternative content for users with Flash Player 6.0 and older. -->
      <div>
        <h4>Content on this page requires a newer version of Adobe Flash Player.</h4>
        <p><a href="http://www.adobe.com/go/getflashplayer"><img src="http://www.adobe.com/images/shared/download_buttons/get_flash_player.gif" alt="Get Adobe Flash player" width="112" height="33" /></a></p>
      </div>
      <!--[if !IE]>-->
    </object>
    <!--<![endif]-->
  </object>
</div>

</div> 







<div id="footer">
<ul id="menu_footer">


<li><a href="#">Home</a></li>
<li><a href="#">Il nostro team</a></li>
<li><a href="#">Partners</a></li>
<li><a href="#">Servizi</a></li>
<li><a href="#">Redken</a></li>
<li><a href="#">Hairdreams</a></li>
<li><a href="#">L'Oreal</a></li>
<li><a href="#">Aegyptia</a></li>

</ul>
<ul id="mappa">

    <li>
        <a href="http://maps.google.it/maps?f=q&source=s_q&hl=it&geocode=&q=vincenzo+corda+Via+della+Torretta,+50137+Firenze&sll=43.772753,11.283585&sspn=0.007577,0.01929&g=Via+della+Torretta,+50137+Firenze&ie=UTF8&hq=vincenzo+corda&hnear=Via+della+Torretta,+50137+Firenze&ll=43.774549,11.283581&spn=0.007189,0.01929&z=16&iwloc=A" title="Google" rel="gb_page[1000, 500]">
    Visualizza la Mappa
    </a>

    </li>

</ul>
<script type="text/javascript">
<!--
swfobject.registerObject("FlashID");
swfobject.registerObject("FlashID");
swfobject.registerObject("FlashID2");
//-->
</script>
</div></div></div>
<script type="text/javascript">
<!--
swfobject.registerObject("FlashID");
//-->
</script>
</body>
</html>

]]>https://connect.gt/topic/106618/scroll-orizzontale-non-graditoRSS for NodeSat, 04 Apr 2026 09:55:25 GMTTue, 03 Nov 2009 09:48:23 GMT60<![CDATA[Reply to Scroll orizzontale non gradito on Tue, 03 Nov 2009 09:55:09 GMT]]>[RISOLTO]

bisogna dare una larghezza in px uguale a tutti gli elementi che occupano l'intero schermo

]]>https://connect.gt/post/846230https://connect.gt/post/846230Tue, 03 Nov 2009 09:55:09 GMT