- Home
- Categorie
- Coding e Sistemistica
- Coding
- Sito CSS non copre mai tutta la pagina
-
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>
-
Prova a mettere al body margin e padding impostati a 0.