Salve non capisco perche il footer non si dispone in fondo la pagina...qual e il problema?
<!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=utf-8" />
<title>Documento senza titolo</title>
<style type="text/css">
<!--
body {
font: 100%/1.4 Verdana, Arial, Helvetica, sans-serif;
background: #42413C;
margin: 0;
padding: 0;
color: #000;
float: left;
}
/* ~~ Selettori tag/elemento ~~ */
ul, ol, dl {
padding: 0;
margin: 0;
}
h1, h2, h3, h4, h5, h6, p {
margin-top: 0;
padding-right: 15px;
padding-left: 15px;
}
a img { /* Questo selettore rimuove il bordo blu predefinito visualizzato in alcuni browser intorno a un'immagine quando č circondata da un collegamento. */
border: none;
}
/* ~~ L'applicazione di stili ai collegamenti del sito deve rispettare questo ordine, compreso il gruppo di selettori che creano l'effetto hover. ~~ */
a:link {
color: #42413C;
text-decoration: underline; /* A meno che non vogliate personalizzare i collegamenti in un modo molto particolare, č bene applicare la sottolineatura per permetterne una rapida identificazione visiva. */
}
a:visited {
color: #6E6C64;
text-decoration: underline;
}
a:hover, a:active, a:focus { /* Questo gruppo di selettori conferisce alla navigazione tramite tastiera gli stessi effetti hover che si producono quando si usa il mouse. */
text-decoration: none;
width: 40px;
}
/* ~~ Questo contenitore a larghezza fissa circonda gli altri div ~~ */
.container {
width: 960px;
background: #FFF;
margin: 0 auto; /* Il valore automatico sui lati, abbinato alla larghezza, produce un layout centrato. */
}
.header {
background: #ADB96E;
}
.sidebar1 {
float: right;
width: 180px;
background: #EADCAE;
padding-bottom: 10px;
}
.content {
padding: 10px 0;
width: 780px;
float: left;
min-height:500px;
height:500px;
}
.content ul, .content ol {
padding: 0 15px 15px 40px;
}
/* ~~ Gli stili dell'elenco di navigazione (rimovibili se scegliete di utilizzare un menu flyout reimpostato come Spry) ~~ */
ul.nav {
list-style: none; /* Rimuove l'indicatore di elenco */
border-top: 1px solid #666; /* Crea il bordo superiore dei collegamenti; tutti gli altri vengono posizionati utilizzando un bordo inferiore sul LI */
margin-bottom: 15px; /* Crea lo spazio tra gli elementi di navigazione nel contenuto sottostante */
}
ul.nav li {
border-bottom: 1px solid #666;
}
ul.nav a, ul.nav a:visited {
padding: 5px 5px 5px 15px;
display: block;
width: 160px;
text-decoration: none;
background: #C6D580;
}
ul.nav a:hover, ul.nav a:active, ul.nav a:focus { /* Cambia il colore dello sfondo e del testo per la navigazione tramite mouse e tastiera */
background: #ADB96E;
color: #FFF;
}
/* ~~ Il pič di pagina ~~ */
.footer {
padding: 10px 0;
background: #CCC49F;
width:960px;
clear: both;
}
/* ~~ Classi float/clear varie ~~ */
.fltrt {
float: right;
margin-left: 8px;
}
.fltlft {
float: left;
margin-right: 8px;
}
.clearfloat {
clear:both;
height:0;
font-size: 1px;
line-height: 0px;
}
#apDiv1 {
position:absolute;
width:200px;
height:115px;
z-index:1;
left: 185px;
}
ul#navigation li{
display:block;
float:left;
padding-right: 20px;
margin-left: 20px;
list-style-type: none;
}
ul#navigation{list-style:none;}
</style>
<script src="SpryAssets/SpryMenuBar.js" type="text/javascript"></script>
<link href="SpryAssets/SpryMenuBarHorizontal.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div class="container">
<div style="width:960px; height: 30px;"class="primomenu">
<ul style="list-style:katakana" id="navigation">
<li><a>Home</a></li>
<li><a>Consigliata</a></li>
<li><a>Consigliata</a></li>
</ul>
</div>
<div class="header"><!-- end .header -->
<a href="#"><img src="" alt="Inserite qui il logo" name="Insert_logo" width="960" height="90" id="Insert_logo" style="background: #C6D580; display:block;" /></a>
<ul id="MenuBar1" class="MenuBarHorizontal">
<li><a class="MenuBarItemSubmenu" href="#">Home</a></li>
<li><a href="#" class="MenuBarItemSubmenu">Italia</a>
<ul>
<li><a href="#">Serie A</a></li>
<li><a href="#">Serie B</a></li>
<li><a href="#">Serie minori</a></li>
</ul>
</li>
<li><a class="MenuBarItemSubmenu" href="#">Europa</a>
<ul>
<li><a href="#">Champions league</a></li>
<li><a href="#">Voce senza titolo</a></li>
</ul>
</li>
<li><a href="#">Mondo</a></li>
</ul>
</div>
<div class="sidebar1">
<ul class="nav">
<li></li>
<li></li>
<li></li>
<li></li>
</ul>
<p> I collegamenti qui sopra mostrano una struttura di navigazione di base mediante un elenco non ordinato con stili CSS. Utilizzate questa struttura come punto di partenza e modificate le proprietā per produrre un look personalizzato. Se vi servono dei menu flyout, createli utilizzand <!-- end .sidebar1 --></p>
</div>
<div class="content">
<p>
<?php
include("schedinaconsigliata.php");
?>
</p>
<!-- end .content --></div>
<div class="footer">Inserite qui il contenuto per class "footer"</div>
<!-- end .container --></div>
<script type="text/javascript">
var MenuBar1 = new Spry.Widget.MenuBar("MenuBar1", {imgDown:"SpryAssets/SpryMenuBarDownHover.gif", imgRight:"SpryAssets/SpryMenuBarRightHover.gif"});
</script>
</body>
</html>
Rispondi quotando