So che magari è una domanda stupida ma volevo sapere se è possibile fare in modo che il footer sia sempre allineato alla linea di base del browser e se è possibile come si fa?
E' un po che ci provo ma non ci reiesco
So che magari è una domanda stupida ma volevo sapere se è possibile fare in modo che il footer sia sempre allineato alla linea di base del browser e se è possibile come si fa?
E' un po che ci provo ma non ci reiesco
prova cosi:
codice:#footer{position:absolute; bottom:0; }
Est modus in rebus...
Grazie
Scua ma se inserisco del testo sopra il footer questo non scorre verso il basso ma rimane ad un altezza "fissa" se scendo con la scroll il footer sale
<body>
<div id="Container">
<div id="Menu">linkdiv>
<div id="testo">
<span class="titolo"></span>
</div>
<div id="Footer"></div>
</div>
</body>
CSS
html,Body{ height:100%;
margin:0px;
font-size:12px;
color:#FFFFFF;
font-family:Verdana, Arial, Helvetica, sans-serif;
background-color:#000000;
text-align:center;
background-position:center top;
background-repeat:repeat-y;
background-image:url(../images/scacchi.gif);
background-repeat:repeat-y;
}
div {
text-align: left;
width: 705px;
margin: 0px auto 0px auto;
}
div#Container{ display:block;
width:705px;
padding-top:159px;
margin: 0px auto 0px auto;
background-image: url(../images/top.jpg);
background-position:right top;
background-repeat:no-repeat;
}
Div#Menu{
display:block;
width:705px;
height:28px;}
#testo{display:table;
height:158px;
margin-top:15px;
margin-bottom:15px;
text-align:left;
width:685px;
color:#DDDDDD;
font-size:95%;}
div#Footer{ display:block;
width:705px;
height:85px;
background-image: url(../images/footer.jpg);
background-position:center top;
background-repeat:no-repeat;
position:absolute;
bottom:0;
}
Dove sbaglio????
ciao, fìguarda quest'articolo per cominciare
footer
Se mi riesce domani con calma provo a vedere il codice, comunque per ora credo di poterti segnalare un errore
Se è un div è già un elemento block-level è superfluocodice:div#Container{ display:block; ...
Est modus in rebus...
Guarda qua
Ciao robjrobj
Scusa ma non ho trovato quello che cercavo!
Qui il div contenitore ha un'altezza e quindi il footer non si sposta verso l'alto se la pagina è vuota!
io però non voglio dare un'altezza al div testo (così facendo se settassi un'altezza di 500px per esempio chi utilizza una risoluzione tipo 800x600 avrebbe una scroll inutile ed io vorrei evitarlo)
Grazie cmq
Grazie jepers funziona in quasi tutti i browser solo opera mi dà un piccolo difetto... una spazio vuoto sotto il footer nelle pagine vuote ma sembra una cosa normale no?
Permessi di invio
Rispondi quotando