• H
    User •

    Spazio bianco sotto il footer

    Ciao a tutti,
    ho un problema con il mio sito Internet in CSS:
    impostando certi tipi di risoluzione dello schermo,appare sempre dello spazio bianco sotto il footer.In pratica,il layout su certi tipi di schermo non arriva a riempire tutta la pagina.All'inizio ho pensato che potesse dipendere da errori nel codice (anche se non riuscivo a capire quali),dato che il CSS del sito è stato scritto manualmente;poi ho provato a rifare la pagina con un editor visuale,ma il problema rimane.
    Qualcuno sa dirmi come si può fare in modo che il layout prenda tutta la pagina con tutti i tipi di risoluzione?Ho provato ad applicare la class liquid90 al layer principale del sito,come suggerito nel vostro 'layoutizzatore',ma niente da fare.E' forse inevitabile che il layout non arrivi a riempire tutto lo schermo,se non si inserisce una certa mole di contenuti?
    Vi riporto qui il codice,depurato di tutti i link attivi:
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
    <html>
    <head>
    <meta content="text/html; charset=ISO-8859-1"
    http-equiv="content-type">
    <title>nomepagina</title>
    <style media="screen" type="text/css"><!--
    #layer0 { position: absolute; top: 0px;bottom:0px; left: 0px; width: 1600px; height: 600px; visibility: visible }
    #layer1 { position: absolute; top: 109px; left: 126px; width: 109px; height: 49px; visibility: visible }
    #layer2 { position: absolute; top: 110px; left: 380px; width: 118px; height: 49px; visibility: visible }
    #layer3 { position: absolute; top: 110px; left: 496px; width: 168px; height: 49px; visibility: visible }
    #layer4 { position: absolute; top: 109px; left: 216px; width: 177px; height: 49px; visibility: visible }
    #layer5 { position: absolute; top: 110px; left: 653px; width: 61px; height: 49px; visibility: visible }
    #language { position: absolute; top:5px; left: 840px; width: 150px; height: 49px; visibility: visible }
    #prenotazioni { position: absolute; top:29px; left: 840px; width: 600px; height: 79px; visibility: visible;font-weight:bold;font-size:10px }
    #dove { position: absolute; top: 400px; left: 163px; width: 586px; height: 146px; visibility: visible;font-weight:bold;text-align:justify }
    #link { position: absolute;background-color:red;color:yellow;padding-top:10px; top: 160px; left: 825px; width: 200px; height: 300px;text-align:center; visibility: visible;white-space:nowrap }
    .linkstyle{color:white;text-decoration:none}
    a:hover{color:blue}
    #linksimboli { position: absolute;width: 100px; visibility: visible }
    #flash { position: absolute; top: 270px; left: 170px; width: 400px; height: 150px; visibility: visible }
    #colonnathumbnail { position: absolute; top: 133px; left: 0px; width: 129px; height: 421px; visibility: visible;z-index:2 }
    .thumblink{border-style:none}
    #thumbnail1 { position: absolute; top: 10px; left: 0px; width: 129px; height: 146px; visibility: visible;z-index:1;border-style:none }
    #thumbnail2 { position: absolute; top: 157px; left: 0px; width: 129px; height: 146px; visibility: visible;z-index:1;border-style:none }
    #thumbnail3 { position: absolute; top: 300px; left: 3px; width: 129px; height: 138px; visibility: visible;z-index:1;border-style:none}
    #testo{ position: absolute; top: 160px; left: 163px; width: 600px; height: 100px; visibility: visible;font-family:Times New Roman,Georgia;font-style:italic;font-weight:bold;font-size:14px}
    #footer { position: absolute; top: 570px; left: 0px; width: 850px; height: 29px; visibility: visible;z-index:1;color:white;padding-top:10px;padding-left:5px;font-weight:bold;white-space:nowrap }
    .imgthumb{margin-left:0px}
    #immaginepanoramica { position: absolute; top: 270px; left: 263px; width: 600px; height: 160px; visibility: visible}
    #last{width:100%;height:135px}
    body{font-family:Arial,Helvetica,Verdana,Sans-Serif;font-size:12px;background-color:white}
    --></style>
    <script type="text/javascript">
    <!-- Hide Script
    //--------------------------------------------------------------------
    if (document.images)
    {
    Bindexbianco0_normal = new Image();
    Bindexbianco0_normal.src = "indexbianco0a.jpg";
    Bindexbianco0_over = new Image();
    Bindexbianco0_over.src = "indexbianco0b.jpg";
    Bindexbianco0_click = new Image();
    Bindexbianco0_click.src = "indexbianco0c.jpg";
    Bindexbianco1_normal = new Image();
    Bindexbianco1_normal.src = "indexbianco1a.jpg";
    Bindexbianco1_over = new Image();
    Bindexbianco1_over.src = "indexbianco1b.jpg";
    Bindexbianco1_click = new Image();
    Bindexbianco1_click.src = "indexbianco1c.jpg";
    Bindexbianco2_normal = new Image();
    Bindexbianco2_normal.src = "indexbianco2a.jpg";
    Bindexbianco2_over = new Image();
    Bindexbianco2_over.src = "indexbianco2b.jpg";
    Bindexbianco2_click = new Image();
    Bindexbianco2_click.src = "indexbianco2c.jpg";
    Bindexbianco3_normal = new Image();
    Bindexbianco3_normal.src = "indexbianco3a.jpg";
    Bindexbianco3_over = new Image();
    Bindexbianco3_over.src = "indexbianco3b.jpg";
    Bindexbianco3_click = new Image();
    Bindexbianco3_click.src = "indexbianco3c.jpg";
    Bindexbianco4_normal = new Image();
    Bindexbianco4_normal.src = "indexbianco4a.jpg";
    Bindexbianco4_over = new Image();
    Bindexbianco4_over.src = "indexbianco4b.jpg";
    Bindexbianco4_click = new Image();
    Bindexbianco4_click.src = "indexbianco4c.jpg";
    }
    function switchimages(sName,nEvent) {
    if (document.images)
    {
    if (nEvent == 0) sVal = 'normal';
    else if (nEvent == 1) sVal = 'over';
    else if (nEvent == 2) sVal = 'click';
    else return;
    sObj = eval(sName + '_' + sVal + ".src");
    if (document.images[sName])
    document.images[sName].src = sObj;
    }
    }
    <!--
    var features = "top=10, left=10, width=453, height=364, status=no, menubar=no, toolbar=no scrollbar=no";
    function Popup(open) {
    window.open(open, "", features);
    }
    //-->
    // End of JavaScript -->
    </script>
    </head>
    <body>
    <span id="layer0"><img src="indexbianco.jpg" alt="" border="0">
    <span id="layer1"><a href="#dove"
    onmouseover=" switchimages('Bindexbianco0',1); return true"
    onmouseout=" switchimages('Bindexbianco0',0); return true"><img
    style="border: 0px solid ; width: 109px; height: 49px;"
    src="indexbianco0a.jpg" name="Bindexbianco0" alt="Dove Siamo"></a></span><span
    id="layer2"><a href="listino.pdf"
    onmouseover=" switchimages('Bindexbianco1',1); return true"
    onmouseout=" switchimages('Bindexbianco1',0); return true"><img
    src="indexbianco1a.jpg" name="Bindexbianco1" alt="Listino Prezzi"
    style="border: 0px solid ; width: 118px; height: 49px;"></a></span>><span
    id="layer3"><a
    onmouseover=" switchimages('Bindexbianco2',1); return true"
    onmouseout=" switchimages('Bindexbianco2',0); return true"
    href="#prenotazioni"><img src="indexbianco2a.jpg" name="Bindexbianco2"
    alt="Info & Prenotazioni"
    style="border: 0px solid ; width: 168px; height: 49px;"></a></span><span
    id="layer4"><a href="gallery.html"
    onmouseover=" switchimages('Bindexbianco3',1); return true"
    onmouseout=" switchimages('Bindexbianco3',0); return true"><img
    src="indexbianco3a.jpg" name="Bindexbianco3" alt="Galleria Fotografica"
    style="border: 0px solid ; width: 177px; height: 49px;"></a></span><span
    id="language"><a href="index_eng.html">English version</a></span><span
    id="dove">Il 
    reside  'nomepagina' 
    è  a  Castellabate
    (Salerno).<span style="text-decoration: underline;">Per raggiungerci in
    aereo</span>:come raggiungerci in aereo.<span
    style="text-decoration: underline;">Per raggiungerci in treno</span>:come raggiungerci in treno<span style="text-decoration: underline;">In auto</span>:testo come raggiungerci in auto</span><span style="font-weight: bold;" id="link"><span
    style="text-decoration: underline;">Link </span><br>
    <br>
    <br>
    <a class="linkstyle" href="#">Parco Nazionale del Cilento<br>
    </a><br>
    <br>
    <a class="linkstyle" href="#">Patrimonio Mondiale Unesco</a><br>
    <br>
    <br>
    <a class="linkstyle" href="#">Bandiera Blu d'Europa</a><br>
    <br>
    <br>
    <a class="linkstyle" href="#">I borghi più belli d'Italia</a><br>
    <br>
    <br>
    <a class="linkstyle" href="#">4 vele TCI e Lega Ambiente</a><br>
    <br>
    <br>
    <a class="linkstyle" href="#">Città del Bio</a></span><span
    id="flash"><object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"
    codebase="macromedia website"
    id="fotogallery2" height="115" width="563"> <param name="movie"
    value="fotogallery2.swf"> <param name="bgcolor" value="#FFFFFF"> <param
    name="quality" value="high"> <param name="allowscriptaccess"
    value="samedomain">
    <embed type="application/x-shockwave-flash"
    pluginspage="pluginspage"
    name="fotogallery2" src="fotogallery2.swf" bgcolor="#FFFFFF"
    quality="high" allowscriptaccess="samedomain" height="115" width="563"></object></span><span
    id="layer5"><a href="#link"
    onmouseover=" switchimages('Bindexbianco4',1); return true"
    onmouseout=" switchimages('Bindexbianco4',0); return true"><img
    src="indexbianco4a.jpg" name="Bindexbianco4" alt="Link"
    style="border: 0px solid ; width: 61px; height: 49px;"></a></span><span
    id="testo">testo1</span><span id="colonnathumbnail"><a
    class="thumblink" href="#"><span id="thumbnail1"><img
    onclick="Popup('balconeconvista.html')" class="imgthumb"
    alt="balcone con vista" src="thumbnail_balcone.jpg"
    style="border: 0px solid ; width: 130px; height: 148px;"></span></a><a
    class="thumblink" href="#" onclick="Popup('esternovicoletto.html')"><span
    id="thumbnail2"><img class="imgthumb" alt="vicoletto esterno"
    src="thumbnail_vicoletto.jpg"
    style="border: 0px solid ; width: 130px; height: 147px; left: 0px;"></span></a><a
    class="thumblink" href="#" onclick="Popup('esternofacciata.html')"><span
    id="thumbnail3"><img id="last" alt="facciata esterna"
    src="thumbnail_facciata.jpg"
    style="border: 0px solid ; width: 127px; height: 138px; top: 433px; left: 3px;"></span></a></span>
    </span><span id="footer">testo<a
    style="color: yellow;" href="</a></span><span>
    id="prenotazioni">Info e prenotazioni xxxxxxx(Carlo)<br>
    xxxxxxx(Ernesto)<br>
    <br>
    Info and reservations xxxxxxx(Carlo)<br>
    +xxxxxxx(Ernesto)<br>
    <a href=""</a></span>
    </body>
    </html>

    0
Effettua l'accesso per rispondere