- Home
- Categorie
- Coding e Sistemistica
- HTML e CSS
- Problema con footer da mettere fisso in fondo alla pagina
-
Problema con footer da mettere fisso in fondo alla pagina
Ciao a tutto, ho già consultato chi ha avuto prima di me questo problema ma in nessun modo riesco a fissare in fondo alla pagina il footer impostato in questo foglio css. Qualcuno saprebbe darmi una mano? Grazie mille.
/************* GENERAL CSS ************/
body {
margin: 0px;
height:100%;
padding: 0px;
background: #010040 url(images/back.png) repeat-y center top;
text-align: justify;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 13px;
color: #FFFFFF;
}h1, h2, h3, h4, h5, h6 {
font-family: Georgia, "Times New Roman", Times, serif;
color:;
}a {
font-weight: normal;
text-decoration: none;
color: #000117;
}a:hover {
text-decoration: none;
color:;
}/************* HEADER STUFF ************/
#header {
width: 770px;
height: 170px;
margin: -30px auto;
background: #333333 url(images/header.jpg);
}margin: 0px;
padding: 0px 0px 0px 10px;
text-align: left;
color: #3399FF;
font-size: 3em;
text-transform: uppercase;
}margin: 0px;
padding: 0px 0px 0px 20px;
text-align: left;
font-size: 1.5em;
text-transform: uppercase;
}/************* MENU ************/
#menu {
width: 770px;
margin: 0px auto;
padding: 5px 0px 5px 0px;
background-color: #700000;
}margin: 0px;
padding: 0px;
list-style: none;
text-align: center;
}display: inline;
}padding: 5px 15px;
text-transform: uppercase;
text-decoration: none;
font-size: 12px;
font-weight: bold;
color:;
}background-color: #467FB4;
}/************* CONTENT ************/
#content {
width: 770px;
margin: 0px auto;
padding: 20px 0px 0px 0px;
}font-weight: normal;
}line-height: 150%;
}#left {
float: left;
width: 480px;
padding: 0px 20px 40px 20px;
}#right {
float: right;
width: 210px;
padding: 0px 20px 40px 20px;
color:;
}/************* FOOTER ************/
#footer {
clear: both;
width: 768px;
height: 100% auto;
margin: auto;
border-top: 1px solid;
background: url(images/back-footer.png) repeat-y center top;
font-size: 9px;
text-align: center;
padding: auto;
color:;}
div table tbody tr td font a {
color: #000075;
}
-
Ah ho già provato con il position: absolute; e bottom: 0; ma non funziona
-
up, vi sarei davvero grati se riusciste ad aiutarmi!
-
Potresti postare anche il codice della pagina html?
-
Certo! Grazie mille!!
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "link">
<html xmlns="link">
<head><meta http-equiv="content-type" content="text/html; charset=utf-8" />
<title>TITOLO</title>
<meta content="[email protected]" http-equiv="reply-to" /><meta content="it" name="language" />
<meta content="5 DAYS" name="revisit-after" />
<meta content="author" name="author" />
<meta name="keywords" content="keyword" />
<meta name="DESCRIPTION" description="description" />
<link href="styles.css" rel="stylesheet" type="text/css" />
<style type="text/css">
<!--
.Stile6 {
font-family: "Times New Roman", Times, serif;
font-size: 24px;
font-weight: bold;
color: #FFFFFF;
}
.Stile8 {font-size: 13px}
.Stile10 {font-size: 30px}
.Stile16 {color: #010040}
.Stile17 {
font-size: 11px;
color: rgb(0, 0, 117);
}
.Stile19 {
font-size: 5px;
color:;
}
.Stile20 {color:}
-->
</style>
</head><script type="text/javascript">
var gaJsHost = (("https:" == document.location.protocol) ? "" : "");
document.write(unescape("%3Cscript src='" + gaJsHost + "google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E"));
</script>
<script type="text/javascript">
var pageTracker = _gat._getTracker("UA-5845912-1");
pageTracker._trackPageview();
</script>
<body><div id="header">
<div style="text-align: center; color: rgb(204, 0, 0); font-weight: bold; font-family: Times New Roman;"><span class="Stile6"><span class="Stile16">a</span><span class="Stile16"><br />a</span><br />
TITOLO<br />
<span class="Stile10">TITOLO</span></span></div></div>
<div style="text-align: center;" id="menu">
<ul><li><a href="LINK">Home</a></li>
<li><a href="#">CHI SIAMO</a></li>
<li><a href="LINK">DOVE SIAMO</a></li>
<li><a href="#">LO STUDIO</a></li>
<li><a href="LINK">SERVIZI</a></li>
<li><a href="LINK">LINK
UTILI</a></li><li><a href="LINK">CONTATTI</a></li>
</ul>
</div>
<div id="content">
<div id="left">
<div style="text-align: center;">
<table style="text-align: left; width: 100%;" border="0" cellpadding="2" cellspacing="2"><tbody>
<tr> <td><a href="LINK"><img style="border: 0px solid ; width: 150px; height: 159px;" alt="" src="IMG" /></a></td> <td><a href="LINK"><img style="border: 0px solid ; width: 150px; height: 163px;" alt="" src="IMG" /></a></td> <td><a href="LINK"><img style="border: 0px solid ; width: 145px; height: 163px;" alt="" src="IMG" /></a></td> </tr>
</tbody>
</table><font color="#00003e" size="4"><span style="color: rgb(255, 255, 255);">a</span><br />
<br />
<br />
</font><font size="4"><span style="color: rgb(0, 0, 117);">V</span></font><font color="#00003e" size="4"><span style="color: rgb(0, 0, 117);"</span></font> </div><p style="text-align: center; color: rgb(0, 0, 117);"><font size="4"></font> <br />
<br />
</p><p style="text-align: center; color: rgb(0, 0, 117);"><font size="4"></font></p>
<p style="text-align: center; color: rgb(0, 0, 117);"><font size="4"> </font></p>
<div style="text-align: center; color: rgb(0, 0, 99); background-color: rgb(255, 255, 255);"><br />
<a style="color: rgb(204, 0, 0);" href="mailto:"><font size="4"><strong>MAIL</strong></font></a><br />
<span style="color: rgb(255, 255, 255);">a</span><br style="color: rgb(255, 255, 255);" />
<span style="color: rgb(255, 255, 255);">a</span><br />
</div>
</div>
<div id="right">
<p><a style="color: rgb(250, 210, 0);" href=""><strong>Scadenze
del mese</strong></a> <img style="width: 40px; height: 20px;" alt="" src="IMG" /></p>
<p> </p><p class="Stile8" style="color: rgb(0, 0, 117);"><a href=""><em>Ministero delle Finanze</em></a></p>
<p class="Stile8" style="color: rgb(0, 0, 117);"><em><a href="">Agenzia
delle Entrate</a></em></p><p class="Stile8" style="color: rgb(0, 0, 117);"><em><a href="">Agenzia
del Territorio</a></em></p><p class="Stile8" style="color: rgb(0, 0, 117);"><em><a href="">INPS</a></em></p>
<p class="Stile8" style="color: rgb(0, 0, 117);"><em><a href="">INAIL</a></em></p>
<p class="Stile8" style="color: rgb(0, 0, 117);"><em><a href="">Google</a></em></p>
<p style="color: rgb(0, 0, 117);"><em><span style="font-size: 13px"><a href="">Yahoo</a></span></em><br />
</p>
</div></div>
<div id="footer"><span style="font-size: 10px"><big style="color: rgb(0, 0, 117);"><big><big><big><small><small><small><small>TESTO - <span style="font-weight: bold;">TESTO</span></small></small></small></small></big></big></big></big></span><br />
<span class="Stile19">aa</span><br />
<span class="Stile17"><big><big>Copyright
2012 LINK</big></big></span></div></body>
</html>
-
up!
-
up!