Se quello che ti serve è un footer fisso in fondo alla pagina puoi dare un'occhiata a questo:
codice:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Sickbrain » A proposito di Web Publishing</title>
<style type="text/css">
body {
margin: 0;
padding-bottom: 2em;
background-color: #FFFFFF;
color: #000000;
font-family: Arial, Helvetica, sans-serif;
border-top: 2px solid #2A4F6F;
}
#header {
border-top: 1px solid #778899;
border-bottom: 1px dotted #B2BCC6;
height: 3em;
}
#footer {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 2em;
background-color: #2A4F6F;
color: #FFFFFF;
border-top: #778899;
text-align: right;
}
html > body #footer {
position: fixed;
}
#footer a:link, #footer a:visited {
padding: 0.5em 1em 0.5em 1em;
color: #FFFFFF;
background-color: transparent;
font-size: 80%;
}
#footer a:hover {
text-decoration: none;
}
#nav {
position: absolute;
top: 5em;
left: 1em;
width: 13em;
}
#nav ul {
list-style: none;
margin-left: 1em;
padding-left: 0;
}
#nav li {
font-size: 80%;
border-bottom: 1px dotted #B2BCC6;
margin-bottom: 0.3em;
}
#nav li a:link, #nav li a:visited {
text-decoration: none;
color: #2A4F6F;
background-color: transparent;
}
#nav li a:hover {
color: #778899;
}
#nav h2 {
font: 110% Georgia, "Times New Roman", Times, serif;
color: #2A4F6F;
background-color: transparent;
border-bottom: 1px dotted #cccccc;
}
#content {
margin-left: 16em;
margin-right: 2em;
}
h1 {
font: 150% Georgia, "Times New Roman", Times, serif;
}
#content p {
font-size: 80%;
line-height: 1.6em;
padding-left: 1.2em;
}
</style>
<!--[if IE]>
<style type="text/css">
body
{
overflow-y: hidden;
}
div#wrapper
{
height: 100%;
overflow: auto;
}
</style>
<![endif]-->
</head>
<body>
<div id="wrapper">
<div id="header"><h2>Sickbrain.org » A proposito di Web Publishing</h2>
</div>
<div id="content">
<h1>Benvenuti</h1>
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Proin non mi in urna hendrerit tincidunt. Maecenas eleifend erat et lacus. Sed tempor. Sed venenatis consequat neque. Sed massa. Donec quis orci sed lacus ullamcorper venenatis. Nam et sapien. Sed id dolor in tortor eleifend aliquam. Mauris vulputate. Nulla nec diam et pede faucibus ornare.</p>
Sed nec erat sed sem molestie congue. Cras lacus sapien, ultrices ac, mattis quis, lobortis eu, turpis. Aliquam egestas arcu a massa. In hendrerit odio eget lectus. Nullam iaculis ultricies ipsum. Nullam id felis. Phasellus at metus sed velit luctus semper. Cras wisi diam, pharetra sed, pharetra ac, sodales in, quam. Nullam facilisis. Aliquam rhoncus sapien ac dui. Donec mattis ipsum. Nulla a nunc id orci mollis semper. Vestibulum porta quam a dolor.</p>
Vestibulum dictum massa at odio. In dignissim ante id dui. Morbi rhoncus elit ac ipsum. Curabitur a elit. Phasellus in lorem quis turpis imperdiet accumsan. Suspendisse potenti. Curabitur a enim sed lacus tempor venenatis. Mauris sed ipsum sit amet leo dictum scelerisque. Suspendisse a lectus. Aliquam nec felis at erat sagittis pretium. Nunc id augue pharetra augue commodo tincidunt. Praesent placerat, diam quis porttitor lobortis, orci arcu nonummy sapien, at venenatis ipsum wisi non wisi. Sed bibendum nunc at justo. Vestibulum leo lacus, lobortis vel, interdum ac, varius non, augue. Nam rhoncus dictum libero. Donec porttitor porta lectus. Vivamus consectetuer feugiat wisi. Morbi sit amet nibh eget nibh feugiat porttitor.</p>
</div>
<div id="nav">
<ul>
[*]Link 1
[*]Link 2
[*]Link 3
[*]Link 4
[*]Link 5
[/list]
<h2>Extra</h2>
<ul>
[*]Sickbrain.org
[*]Sickbrain.org
[*]Sickbrain.org
[/list]
</div>
</div>
<div id="footer">
Contatti | Forum
</div>
</body>
</html>
E se vuoi capire perchè funziona sia su Firefox che su Internet Explorer puoi dare un'occhiata qui: http://www.sickbrain.org/?document_i...ic_id=8&page=0
Ciao e fammi sapere!
Rispondi quotando
Scusa se te lo chiedo ma vorresti un footer fisso a fondo pagina?
