Ciao a tutti gli utenti!
Ho un problemino con il footer della mia pagina, xkè quando il testo è tanto, il footer rimane sempre in fondo alla pagina, ma l'ultima parte di testo viene scritta dietro di lui, e quindi nascosta; utilizzo questo CSS per gestirlo:
div#footer{text-align:center; padding: 0;
background-color: #292929; color: #ffffff;position:absolute;bottom: 0;padding: 0.2em 0;width: 100%}
potete aiutarmi?
Credo che il problema stia nell'absolute...
Se tolgo position:absolute;funzionerebbe, solo che se il testo mi arriva fino a metà pagina per esempio, anche il footer si mette lì...
E tu usa i margini, dai al footer:
margin-bottom:0px;
Stessa cosa...non mi rimane in fondo alla pagina ma si posiziona findove arriva il testo!
Scusa, posta il codice html della pagina...
Questo è il codice della pagina:
Grazie mille!codice:<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <title>The Echos official site</title> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> <style type="text/css"> @import url(../CSS/layout.css); </style> </head> <body> <div id=container><div id=header align=center><h1><img src=../Immagini/name.jpg></h1></div><div id=navigation align=center><ul>[*]Music[*]News[*]Contact [/list]</div><div id=content> <h2>Toto - Africa</h2> I hear the drums echoin´ tonight She hears only whispers of some quiet conversation She´s coming in, twelve thirty flight Moonlit wings reflect the stars that guide me toward salvation I stopped an old man along the way Hoping to find some old forgotten words or ancient melodies He turned to me as if to say "Hurry boy, she´s waiting there for you" It´s gonna take a lot to drag me away from you There´s nothing that a hundred men or more could ever do I bless the rains down in Africa Gonna take some time to do the things we never had The wild dogs cry out in the night As they grow restless longing for some solitary company I know that I must do what´s right Sure as Kilimanjaro rises like Olympus above the Serengeti I seem to cure what´s deep inside Frightened of this thing that I´ve become It´s gonna take a lot to drag me away from you There´s nothing that a hundred men or more could ever do I bless the rains down in Africa Gonna take some time to do the things we never had "Hurry boy, she´s waiting there for you" It´s gonna take a lot to drag me away from you There´s nothing that a hundred men or more could ever do I bless the rains down in Africa I bless the rains down in Africa I bless the rains down in Africa I bless the rains down in Africa I bless the rains down in Africa Gonna take some time to do the things we never had </p></div> <div id=extra><div class=newsbox> <h2>09/12/2005 - Prove</h2> Seconda sessione di prove presso la sala prove di Varallo sesia [...]</p> <h2>05/12/2005 - Inizio lavori</h2> Sono iniziati i lavori per la realizzazione del sito ufficiale dei nome gruppo, cover band rock [...]</p> </div></div> <div id=footer>© 2005 - Webdesigner Giacomo contatto <a href=mailto:*******@*******.**>e-mail</a></div></div> </body> </html>
up
Anche il css please.
Eccolo:
Grazie!codice:html,body{margin: 0;padding:0;height: 100%;} body{font-family: arial,sans-serif;font-size: 76%;text-align: center} div#container{position:relative;height:100%; width: 820px;margin: 0 auto;text-align: left; border-left: 2px solid #369;border-right: 2px solid #369;background: url(rightcol2.jpg) repeat-y top right;background-color:#000000;} body>div#container{height: auto; min-height: 100%} /*stili generici, su header e footer*/ div#header{background-color:#000000;color: #000; height:115px} h1,h2{margin: 0;padding:0} h1{color: #ffffff;padding-left:0;font: bold 1.2em/30px arial,serif} h2{color: #999;font-size: 1.8em} div#footer a{color: #fff;font-weight: bold;text-decoration: underline} /*stili specifici per il layout background-color:#f00f0f;*/ div#navigation{background-color:#292929;} div#content{margin-right:200px;padding-left: 0.5em;padding-right: 0.5em;background-color: #000000} div#extra{position: absolute; top: 146px;right: 0;width: 190px; padding: 1em 5px } div#footer{text-align:center; padding: 0; background-color: #292929; color: #ffffff;position:absolute;bottom:0;padding: 0.2em 0;width: 100%} /*stili per la navigazione*/ div#navigation ul{margin: 0;padding: 0; list-style-type: none;} div#navigation li{display: inline; margin: 2em} /*nota display: inline*/ div#navigation a{color:#31AEFE;font: normal bold 1.3em/2.5em arial,sans-serif;text-decoration: none} div#navigation a:hover{color: #076DD9;text-decoration: underline} div#content h3{color:#fff;padding-left:0;font: bold 1.2em/20px arial,serif} div#content h3:hover{color: #369;text-decoration: none} div#content p{color: #ffffff;font-size:14px;font: 1.2em/20px arial} div#content p2{color: #076DD9;font-size:14px;font: bold 1.2em/22px arial;padding-left:8px} div#content p3{color:#999} /*stili per la sezione extra*/ div#extra div.newsbox{font-size: 90%;margin-bottom: 2em} div#extra div.newsbox h2{color: #999;font-size: 1.2em;padding-left:3px} div#extra div.newsbox p{margin: 0;color:#FFFFFF;padding-left:3px}
Permessi di invio
Rispondi quotando