• H
    User •

    Sito CSS non copre mai tutta la pagina

    Ciao a tutti,
    ho un problema con un mio progetto in CSS:il layout non arriva mai a coprire tutta la pagina.Vorrei inserire alla fine del sito un footer con il copyright e i miei recapiti,ma questo lascia sempre al di sotto un po' di spazio vuoto.Sia il codice HTML che il CSS hanno passato la validazione W3C,quindi in teoria non dovrebbero esserci errori.Vi riporto comunque il codice,nel caso qualcuno volesse darci un'occhiata
    <style media="screen" type="text/css"><!--
    #layer0 { position: absolute; top: 0px; left: 0px; width: 1600px; height: 865px; visibility: visible }
    #layer1 { position: absolute; top: 111px; left: 7px; width: 30px; height: 24px; visibility: visible }
    #layer2 { position: absolute; top: 111px; left: 49px; width: 33px; height: 24px; visibility: visible }
    #layer3 { position: absolute; top: 111px; left: 90px; width: 75px; height: 24px; visibility: visible }
    #layer4 { position: absolute; top: 110px; left: 174px; width: 56px; height: 24px; visibility: visible }
    .selettore{text-decoration:none}
    .credits{color:blue}
    #colonna { position: absolute; top: 139px; left: 0px; width: 145px; height: 800px; visibility: visible;background-color:black;z-index:2;color:white }
    #sfondocolonna{position:absolute;width:100%;height:100%}
    #colonnabox1{position:absolute;top:15px;left:0px;width:150px;height:150px;visibility:visible;z-index:1;text-align:center;font-weight:bold;font-size:14px}
    #colonnabox2{position:absolute;top:45px;left:0px;width:150px;height:150px;visibility:visible;z-index:1;text-align:center}
    #colonnabox3{position:absolute;top:125px;left:0px;width:150px;height:150px;visibility:visible;z-index:1;text-align:center}
    #colonnabox4{position:absolute;top:175px;left:0px;width:150px;height:150px;visibility:visible;z-index:1;text-align:center}
    #colonnabox5{position:absolute;top:250px;left:0px;width:150px;height:80px;visibility:visible;z-index:1;text-align:center}
    #language{position:absolute;top:80px;left:560px;width:150px;height:240px;visibility:visible;z-index:1;text-align:center}
    .languagecell{position:relative;margin-left:10px}
    .languageselector{color:yellow;text-decoration:none}
    #banner{position:absolute;top:280px;left:10px;width:150px;height:240px;visibility:visible;z-index:1;text-align:center}
    #bannerimg{width: 150px; height: 166px; top: 419px}
    #immaginebox{border-style:none;width:100px;height:130px}
    #evidence{position:absolute;top:480px;left:10px;width:150px;height:240px;visibility:visible;z-index:1;text-align:center}
    #yout{position:absolute;top:640px;left:10px;width:200px;height:98px;visibility:visible;z-index:1;text-align:center}
    #imgyout{width:200px;height:98px}
    #miniaturapipistrello{width: 150px; height: 89px}
    #dimensionilocandina{width: 220px; height: 250px}
    #nuovofilm { position: absolute; top: 147px; left: 250px; width: 586px; height: 40px; visibility: visible;font-family:Arial,Helvetica,Sans-Serif;color:white;text-align:center;font-size:24px }
    #locandina { position: absolute; top: 155px; left: 880px; width: 300px; height: 300px; visibility: visible;text-align:center;font-size:24px }
    #immaginesinistra { position: absolute; top: 199px; left: 200px; width: 150px; height: 50px; visibility: visible;z-index:1 }
    #testo1 { position: absolute; top: 195px; left: 357px; width: 392px; height: 89px; visibility: visible;z-index:1;text-align:justify }
    #testo2 { position: absolute; top: 295px; left: 200px; width: 658px; height: 140px; visibility: visible;z-index:1;text-align:justify }
    #navigatoretrailer{ position: absolute; top: 430px; left: 200px; width: 659px; height: 41px; visibility: visible;z-index:1 }
    .trailercelle{ position: relative;margin-left:15px; left: 0px; width: 118px; height: 41px; visibility: visible;z-index:1 }
    #testo3{ position: absolute; top: 490px; left: 150px; width: 1000px; height: 262px; visibility: visible;z-index:1 }
    #thumbnail1{position:absolute;top:0px;left:55px;width:250px;height:150px}
    #thumbnail2{position:absolute;top:0px;left:245px;width:250px;height:150px;text-align:center}
    #thumbnail3{position:absolute;top:0px;left:465px;width:250px;height:150px;text-align:center}
    #thumbnail4{position:absolute;top:150px;left:460px;width:250px;height:150px;text-align:center}
    #thumbnail5{position:absolute;top:150px;left:55px;width:250px;height:150px;text-align:left}
    #thumbnail6{position:absolute;top:150px;left:245px;width:250px;height:150px;text-align:center}
    #testo4{ position: absolute; top: 790px; left: 250px; width: 700px; height:85px; visibility: visible;z-index:1;color:black;background-color:white;padding-top:5px;padding-bottom:5px;padding-left:3px}
    #credits{ position: absolute; top: 490px; left: 930px; width: 200px; height: 252px; visibility: visible;z-index:1;background-color:yellow;text-align:center;color:black }
    body{background-color:black;color:white;font-family:Arial,Helvetica,Sans-Serif;font-size:12px;font-weight:bold}
    a{color:yellow}
    a:hover{color:red}
    --></style>

    0
  • P
    Super User •

    Prova a mettere al body margin e padding impostati a 0. 😉

    0
Effettua l'accesso per rispondere