Allora...morto tra la confusione ho rifatto la prov con una nuova pagina da capo..qualcuno riesce a capire perchè con la pagina e il css che posterò adesso, il footer anzichèrestare sempre in fondo alla pagina anche se essa è più lunga della finestra del browse, mi resta fisso e scorre con la pagina in FF e addirittura non viene neanche visualizzato in IE??
Questo è il codice:
HTML:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>ancoratest</title>
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1">
<link rel="stylesheet" type="text/css" href="prima.css">
</head>
<body>
<div id="container">
<div id="header">[img]images/index/top_1.jpg[/img][img]images/index/top_2.jpg[/img][img]images/index/top_3.jpg[/img]</div>
<div id="navi">
<ul>
<li style="border-left: 2px solid #000000;">Home[*]link 2[*]link 3[*]link 4[*]link 5[/list]
</div>
<div id="content">
[img]images/index/foto.gif[/img]
<h3>BENVENUTO</h3>
CIAO CIAO CIAO CIAO CIAO CIAO CIAO CIAO CIAOCIAO CIAO CIAO CIAO CIAO CIAO CIAO CIAO CIAOCIAO CIAO CIAO CIAO CIAO CIAO CIAO CIAO CIAOCIAO CIAO CIAO CIAO CIAO CIAO CIAO CIAO CIAOCIAO CIAO CIAO CIAO CIAOCIAO CIAO CIAO CIAOCIAO CIAO CIAO CIAO CIAO CIAO CIAO CIAO CIAOCIAO CIAO CIAO CIAO CIAO CIAO CIAO CIAO CIAOCIAO CIAO CIAO CIAO CIAO CIAO CIAO CIAO CIAOCIAO CIAO CIAO CIAO CIAO CIAO CIAO CIAO CIAOCIAO CIAO CIAO CIAO CIAO CIAO CIAO CIAO CIAOCIAO CIAO CIAO CIAO CIAO CIAO CIAO CIAO CIAOCIAO CIAO CIAO CIAO CIAO CIAO CIAO CIAO CIAOCIAO CIAO CIAO CIAO CIAO CIAO CIAO CIAO CIAO
Questi i siti </p>
- sito 1
- sito 2
entrambi i siti ti saranno utili</p>
<p style="float: left; margin-left: 80px; text-align: center; font: bold 15px Comic Sans Ms, ravie; background-color: #000000; color: #ff0000;">[img]images/index/sito1.gif[/img]
SITO 1</p>
<p style="float: right; margin-right: 120px; text-align: center; font: bold 15px Comic Sans Ms, ravie; background-color: #000000; color: #ff0000;">[img]images/index/sito2.gif[/img]
SITO 2</p>
</div>
<div id="footer">
copy bi mio..ok?copy bi mio..ok?copy bi mio..ok?copy bi mio..ok?copy bi mio..ok?copy bi mio..ok?copy bi mio..ok?copy bi mio..ok?</p></div>
</div>
</body>
</html>
QUESTO IL CSS:
html,body {
background-color: #ffffff;
margin: 0px;
padding: 0px;
/*per footer sempre a fondo pagina*/
height: 100%;
}
/*GESTIONE DEL DIV CONTENITORE*/
div#container {
/*per footer sempre a fondo pagina*/
position: relative;
height: 100%;
}
body>div#container {
height: auto;
min-height: 100%;
}
/*GESTIONE DELL' HEADER*/
div#header {
height: 100px;
background-color: #000000;
background-image: url(images/index/top_sfo.jpg);
}
/*REGOLE DEL CONTENITORE DI MENU (navi)*/
div#navi {
background-color: #666666;
border-top: 2px solid #000000;
border-bottom: 2px solid #000000;
/*do il float altrimenti il div non si adatta alla lista flottata che contiene!*/
float: left;
/*specifico la larghezza del div contenitore altrimenti firefox non riconosce la dimensione percentuale di ogni singolo elemento[*] in esso contenuto!!*/
width: 100%;
}
/*REGOLE PER LA LISTA CHE FA DA MENU!*/
div#navi ul {
margin: 0 0 0 3%;
padding: 0px;
list-style-type: none;
}
div#navi li {
width: 19%;
border-right: 2px solid #000000;
text-align: center;
float: left;
}
div#navi li a {
font: bold 12px Arial, verdana, serif;
text-decoration: none;
color: #000000;
width: 100%;
float: left;
}
div#navi li a:hover {
background-color: #999999;
color: #ff0000;
text-decoration: underline;
width: 100%;
}
/*REGOLE PER LA SEZIONE DEI CONTENUTI*/
div#content {
background-color: #000000;
color: #ffffff;
border: 0px solid #ffffff;
width: 100%;
float: left;
}
div#content a {
color: #ff0000;
background-color: #000000;
}
/*TITOLI*/
h3 {
font: bold 26px "Bodoni MT Condensed", georgia, "Comic Sans Ms", ravie, monospace;
background-color: #000000;
color: #ff0000;
letter-spacing: 5px;
text-align: center;
margin: 10px 0 0 0;
padding: 0;
}
h4 {
font: bold 15px "Comic Sans Ms", ravie;
background-color: #000000;
color: #ff0000;
text-align: center;
letter-spacing: 5px;
margin: auto;
padding: 0;
}
/*PARAGRAFO E LISTA DEL CONTENUTO*/
p,ol {
font: 13px tahoma, verdana, sans-serif;
color: #ffffff;
background-color: #000000;
}
/*REGOLE PER IL FOOTER DI PAGINA*/
div#footer {
background-color: #000000;
background-image: url(images/index/bottom.jpg);
padding-top: 10px;
float: left;
/*per footer sempre a fondo pagina*/
position: absolute;
bottom: 0;
width: 100%;
}
div#footer p {
font: 13px tahoma, verdana, sans-serif;
color: #ffffff;
background-color: transparent;
text-align: center;
margin: 0px;
padding: 0px;
}
Mi sto esaurendo dietro sto footer
Rispondi quotando
e un paragrafo, il div non segue l'altezza dell' immagine bensì quella del paragrafo?
