Visualizzazione dei risultati da 1 a 3 su 3
  1. #1

    CSS e scroll della pagina... non c'è!

    Scusatemi,

    Sto lavorando su un progetto fatto da un'altro web designer e mi trovo a combattere con questo sito che non ha lo scroll della pagina.


    Il css che c'è allegato è il seguente, ma non essendone espertissimo, non riesco a capire se c'è un comando che elimini lo scroll della pagina.



    body {
    height: 100%;
    margin: 0;
    padding: 0;
    background-color: #032841;
    background-image: url(../images/bg.jpg);
    background-repeat: no-repeat;
    }
    html {
    height: 80%;
    overflow: hidden;
    }

    #content{
    height: 80%;
    margin-top:20px;
    font:12px Verdana, arial;

    font-weight: bold;
    color: #000;
    }
    #text{
    display:block;
    width:860px;
    text-align:left;
    font:12px Verdana, arial;
    color: #000;
    line-height:18px;
    }

    #top{
    display:inline;
    width: 900px;

    }

    #film {
    display:block;
    text-align:left;
    width: 900px;
    margin:10px;
    font:12px "Tahoma", Verdana;
    font-weight: bold;
    color: #f3611b;
    }
    #cam{
    width: 900px;
    height:600px;
    background-image: url(../images/cam.jpg);
    background-repeat: no-repeat;
    }
    #border{
    width: 900px;
    height:600px;
    border:2px solid #222;
    background-image: url(../images/piano.png);
    background-repeat: no-repeat;
    }

    #border2{
    width: 900px;
    height:600px; border:2px solid #222;
    background-image: url(../images/piano2.png);
    background-repeat: no-repeat;
    }

    #border3{
    width: 900px;
    height:600px; border:2px solid #222;
    background-image: url(../images/piano3.png);
    background-repeat: no-repeat;
    }


    #center{float:left;
    display:block;
    width: 900px;


    }


    .left {float:left;
    width: 320px;
    font:12px verdana, arial;
    text-align:left;
    color:#003333;
    }
    .trace {float:left;
    width: 570px;
    font:12px verdana, arial;
    text-align:left;
    color:#000;
    line-height:16px;
    padding-top:10px;
    margin:10px;
    }
    h1
    {
    font:18px verdana, arial;
    font-weight:bold;
    text-align:left;
    color:#000;

    }

    .left b {
    font:28px verdana, arial;
    font-weight:bold;
    color:#FFA100;
    }
    .left a {
    font:18px verdana, arial;
    font-weight:bold;
    color:#FFA100;
    }
    .left a:hover {
    font:18px verdana, arial;
    font-weight:bold;
    color:#fff;
    }

    .cover {float:left;
    width: 200px;
    padding-top:50px;

    }

    .bar {
    display:block;
    text-align:left;
    width: 900px;
    height:28px;
    color: #ffcc33;border:2px solid #222;
    background-color:#222;
    }

    .barnav a {float:left; padding-top:8px; margin-left:20px; margin-right:20px; font:10px Verdana; text-decoration: none; font-weight: bold; color: #ffcc33;}
    .barnav a:hover { float:left; padding-top:8px; margin-left:20px; margin-right:20px; font:10px Verdana; text-decoration: none; font-weight: bold; colorrange;}
    /* per la formattazione delle pagine con testo */





    .footer {display:block;border:2px solid #222; width: 900px; }


    Grazie


  2. #2
    Utente di HTML.it L'avatar di salasir
    Registrato dal
    Apr 2004
    Messaggi
    1,881
    Direi
    codice:
    html {
    height: 80%;
    overflow: hidden; 
    }
    CSS overflow Property
    Maurizio

    "se ami il lavoro che fai, non lavorerai mai un giorno in vita tua!"

  3. #3
    Grazie Salasir


    Funziona ora

Permessi di invio

  • Non puoi inserire discussioni
  • Non puoi inserire repliche
  • Non puoi inserire allegati
  • Non puoi modificare i tuoi messaggi
  •  
Powered by vBulletin® Version 4.2.1
Copyright © 2025 vBulletin Solutions, Inc. All rights reserved.