[CSS] Helpme, footer a fondo pagina, come?

D4rkAng3l · 22-11-2007, 20:06

Ciao,
ho un problemino...non riesco a mettere il footer a fondo pagina in questo sito:
http://www.siatec.net/andrea/fotografia/

mi ci sono impiccato ma non ci riesco proprio...mi date una manina?

Il codice HTML è:

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" xml:lang="it" lang="it">
<head>
<title>Andrea Nobili Fotografo</title>
<meta name="title" content="Andrea Nobili Fotografo" />
<meta name="description" content="Fotografo di Roma. Appassionato di fotografia naturalistica e subacquea. Studente di informatica e webmaster. Realizzazione siti web accessibili e portali web" />
<meta name="keywords" content="Fotografia, fotografia subacquea, fotografia naturalistica, fotografia notturna, fotografia architettura, webmaster, informatica, realizzazione siti web, portali web, portali php, database" />
<meta name="robots" content="index, follow" />
<meta name="author" content="Andrea Nobili" />
<meta name="generator" content="Hand Coded" />
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1" />
<meta http-equiv="Content-Style-Type" content="text/css" />
<link href="default01f.css" rel="stylesheet" type="text/css" title="default" />
</head>

<body>

    <div id="container">
    
    <div id="header">
	<h1>Andrea Nobili Fotografo</h1>
	</div>

	<div id="menu">
			<ul>
			<li><a href="#" title="link 1">Home</a></li>
			<li><a href="aboutme.html" title="link 2">About Me</a></li>
			<li><a href="portfolio.html" title="link 3">Portfolio</a></li>
			<li><a href="contact.html" title="link 4">Contact</a></li>
			<li><a href="links.html" title="link 5">Links</a></li>
			</ul>
	</div>

<div id="content">
	<h1>Pagina in costruzione</h1>

	<h2>1.Presentazione sito:</h2>
	
	<p>Benvenuti nel mio sito web personale. Questo sito vuole essere principalmente una vetrina online delle mie realizzazioni fotografiche. Qu&igrave; sotto troverete le informazioni e le news che di volta in volta andr&ograve; ad inserire quando saranno presentate nuove gallerie, fotografie o informazioni che reputo importanti circa eventi fotografici di varia natura</p>
	
  <h2>2.News 1:</h2>
	
  <p>
	In costruzione</p>
	
	<h2>3.News 2:</h2>
	
	<p>In costruzione</p>

</div><!--content-->

<div id="footer">This Page Is Valid XHTML 1.0 Transitional and Valid CSS v.2</div>
<script src="http://www.google-analytics.com/urchin.js" type="text/javascript">
</script>
<script type="text/javascript">
_uacct = "UA-2949351-1";
urchinTracker();
</script>

</div>><!--container-->


</body>
</html>

Il codice CSS invece è questo:

Codice:

body{
	margin: 0;
	padding: 0;
	margin-bottom: 0.95em;
	font-family: arial, helvetica, verdana, tahoma, sans-serif;
	font-size: 80%;
	color: #000;
	background-color: #dedede;
	line-height: 180%;
}
#container{
    margin: 0 auto;
	width: 770px;
	background: #fff url("img/container.png") left top repeat-y;
}

#header{
	margin: 0 auto;
	width: 760px;
	height: 283px;
	border: 1px solid #000;
	border-top: 1px;
	border-bottom: 1px;
	background-image: url("img/sfondo.jpg");
	background-repeat: no-repeat;
	background-position: right bottom;
	background-color: #8a9bac;
	color: #000;
}
#header h1{
	margin: 0;
	font: normal 280% Georgia, "Times New Roman", Times, serif;
	color: #000;
	background-color: #a9c2d8;
	padding-left: 0.6em;
	padding-top: 0.1em;
}
#menu{
	margin: 0 auto;
	width: 760px;
	background: #41545F;
	border-right: 1px solid #000;
	border-left: 1px solid #000;
	border-bottom: 1px solid #000;
	color: #fff;
}
#gallery{
    margin: 0 auto;
    width: 760px;
    border-right: 1px solid #000;
	border-left: 1px solid #000;
	border-bottom: 1px solid #000;
	color: #000;
    background-color: #a9c2d8;
}
#gallery a:link{
    color: #000;
	font-size: medium;
	font-weight: bolder;
}


#menu ul{
	margin: 0;
	padding-left: 0;
	list-style: none;
    overflow:hidden;
    height:auto;
}
#menu li{
	font-size: 1.1em;
	display: inline;
	margin: 0;
	padding: 0;
}
#menu a:link, #menu a:visited{
	float: left;
	background: #41545F;
	color: #fff;
	margin: 0em;
	padding: 0.3em 1.5em 0.3em 1.5em;
	text-decoration: none;
	border-right: 1px solid #000;
}
#menu a:hover, #menu a:focus, #menu a:active{
	color: #B2CEDC;
	background: #05181E;
}
#content{
	margin: 0 auto;
	width: 750px;
	padding-top: 5px;
	padding-left: 10px;
	padding-right: 10 px;
	border: 1px solid #000;
	border-top: 0;
	border-bottom: 0;
	background: #fff;
	color: #000;
	overflow: auto;
}
.categoria{
	float: left;
	margin-right: 30px;

}

#descrizione{
    text-align: justify;
}

#content p {
	font-size: 100%;
	line-height: 1.8em;
	padding-left: 0;
	padding-right: 0;
}
#content h1 {
	padding-top: 0;
	font: normal 180% Georgia, "Times New Roman", Times, serif;
	color: #05181E;
	background-color: #FFFFFF;
}
#content h2{
	background: #fff;
	color: #940D1E;
	padding-top: 10px;
	
	padding-bottom: 0;
	font: normal 150% Georgia, "Times New Roman", Times, serif;
	border-bottom: 1px dotted #FF9006;
	clear: left;
	
}
#content p{
	font-size: 100%;
	line-height: 1.8em;
	padding-left: 1em;
	padding-right: 1em;
}
        

#content a:link, #content a:visited {
	font-size: 95%;	
	font-weight: normal;
	color: #41545F;
	background-color: #fff;
	text-decoration: underline;
}
#content a:hover {
	color: #fff;
	background-color: #41545F;
	text-decoration: none;
}
#footer{
	margin: 0 auto;
	width: 760px;
	background: #41545F;
	text-align: center;
	color: #fff;
	border: 1px solid #000;
	border-top: 1px;
	border-bottom: 1px;
	font-family: helvetica, arial, verdana, tahoma, sans-serif; 
	padding: 0;
}
#footer a:link, #footer a:visited {
	color: #fff;
	background-color: #41545F;
	text-decoration: underline;
}
#footer a:hover {
	text-decoration: none;
	color: #41545F;
	background-color: #fff;
}
.form{
    font: bold 12px Arial, Helvetica, sans-serif;
    color: #000000;
	background: #CCCCCC;
	border: 1px solid #000000;
}
.pulsante{
    font: bold 12px Arial, Helvetica, sans-serif;
    color: #000000;
    background: #CCCCCC;
    text-align: center;
	border: 1px solid #000000;
}

Grazie
Andrea

thehuge · 23-11-2007, 14:50

Cosa intendi esattamente con "a fondo pagina"?

D4rkAng3l · 23-11-2007, 15:50

che non deve rimanere lo spazio bianco sotto il footer

thehuge · 23-11-2007, 16:06

Quote:

body{
margin: 0;
padding: 0;
margin-bottom: 0.95em;
font-family: arial, helvetica, verdana, tahoma, sans-serif;
font-size: 80%;
color: #000;
background-color: #dedede;
[...]

La riga rossa è quella incriminata.

D4rkAng3l · 23-11-2007, 16:24

no togliendola non cambia nulla...

thehuge · 23-11-2007, 16:42

Quote:

[...]
<div id="footer">This Page Is Valid XHTML 1.0 Transitional and Valid CSS v.2</div>
<script src="http://www.google-analytics.com/urchin.js" type="text/javascript">
</script>
<script type="text/javascript">
_uacct = "UA-2949351-1";
urchinTracker();
</script>

</div>>

</body>
</html>

Anche questo aiuta a fare danni

D4rkAng3l · 23-11-2007, 16:53

ho risolto...no quello non fà danni è solo lo script di google per contare le visite ;-P

thehuge · 23-11-2007, 16:56

Non intendevo lo script, ma il carattere ">" in rosso

D4rkAng3l · 23-11-2007, 17:02

Quote:

Originariamente inviato da thehuge

Non intendevo lo script, ma il carattere ">" in rosso

ahhh tnx..lo avevop gia corretto...è per quello che non ci stavo pensando ;-)

23-11-2007, 14:50	#2
thehuge Member Iscritto dal: Sep 2006 Città: ~ Messaggi: 146	Cosa intendi esattamente con "a fondo pagina"? __________________ Computers are like conditioned air: they work fine 'till you open windows.

23-11-2007, 15:50	#3
D4rkAng3l Bannato Iscritto dal: Mar 2004 Città: Roma Messaggi: 2688	che non deve rimanere lo spazio bianco sotto il footer

23-11-2007, 16:24	#5
D4rkAng3l Bannato Iscritto dal: Mar 2004 Città: Roma Messaggi: 2688	no togliendola non cambia nulla...

23-11-2007, 16:53	#7
D4rkAng3l Bannato Iscritto dal: Mar 2004 Città: Roma Messaggi: 2688	ho risolto...no quello non fà danni è solo lo script di google per contare le visite ;-P

23-11-2007, 16:56	#8
thehuge Member Iscritto dal: Sep 2006 Città: ~ Messaggi: 146	Non intendevo lo script, ma il carattere ">" in rosso __________________ Computers are like conditioned air: they work fine 'till you open windows.

Strumenti
Mostra una versione stampabile Invia questa pagina per email