• User Attivo

    schermata più larga del dovuto

    ciao a tutti,
    ho un problema di width: nonostante abbia progettato per 1000px mi viene sempre visualizzata la barra di scorrimento orizzontale.
    Posto il codice:

    
    FILE HTML
    <div class="container">
        <div class="header">
        </div>
        <div class="content">
                 <div class="pannelli">
                            <div class="pan1">
                            </div>
                            <div class="pan1">
                            </div>
                            <div class="pan1">
                            </div>
                 </div>
        </div>
        <div class="footer">
                 <div class="aboutme">
                 </div>
                 <div class="contacts">
                 </div>
        </div>
    </div>
    
    
    
    FILE CSS
    html, body {
    margin:0; padding:0; height:100%;
    }
    body{background: #b9cbd9 url(sf2.jpg) repeat-x;}
    .container {
    width:1000px;
    height:100%;
    margin: 0 auto;
    }
    .header{
    background: url(sfheader.jpg) no-repeat;
    height: 275px;
    }
    .content{
    background:#b9cbd9 url(content.jpg) no-repeat; 
    width: 100%;
    height: 225px;
    }
    .pannelli{
    width:100%;
    margin-left:63px;
    height:190px;
    }
    .pannelli a.neww, .pannelli p.neww{
    font: bold 20px/2em calibri, arial, serif;
    margin-left: 10px;
    text-decoration: none;
    color: #b41111;
    }
    .pannelli a.neww:hover{
    color:;
    text-decoration: underline;
    }
    .pannelli h4{
    font: bold 11px/13px arial, serif;
    margin: 12px 10px 0;
    color:;
    }
    .pannelli p{
    font: 11px/13px  arial, serif;
    margin: 0 10px;
    color: #362912;
    }
    .pan1{
    float:left;
    height:180px;
    width: 260px;
    margin-right: 50px;
    }
    .footer{
    margin:0 auto;
    width: 880px;
    height: 150px;
    clear: left;
    }
    .aboutme{
    float: left;
    width: 570px;
    margin-right: 50px;
    }
    .contacts{
    float: left;
    width: 200px;
    }
    .footer h2{
    font: italic 26px/0.2em calibri, arial, serif;
    color: #5c98d5;
    text-decoration:none;
    }
    .footer p{
    font: 12px arial,serif;
    color: #4a7daf;
    }
    
    

    Mi sembra di avere impostato in maniera corretta le width come mai continua a farmi questo scherzo??Grazie


  • ModSenior

    A me la barra di scorrimento orrizontale non appare con il codice che hai postato.


  • User Attivo

    con risoluzione 1024 intendo... e IE8...