Footer al bottom della pagina

**cali1981** · 14-06-2007, 11:43

Ciao a tutti!
In questa pagina http://www.fbsre.it/sito/vetrina.aspx ho un problema con il footer, che con firefox non ne vuole sapere di starsene in fondo alla pagina ma va a metà (con ie sembra andare bene). Avete idea di come fare per risolvere? Ho provato con un metodo chiamato footerstick, ma non va e non posso applicarlo completamente perchè altrimenti mi incasina l'altezza... Avete idea di come posso risolvere?

codice:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<head><link href="../App_Themes/fbs/fbs.css" type="text/css" rel="stylesheet" /><title>
	FBS Real Estate
</title><meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /><meta name="description" content="FBS Real Estate" /><meta name="keywords" content="FBS Real Estate" /><link rel="stylesheet" href="css/main.css" type="text/css" /><link href="../App_Themes/fbs/fbs.css" type="text/css" rel="stylesheet" /></head>
<body>

<div id="externDiv">
<div id="mainDiv">

	<div id="headerDiv">
		  <object width="134" height="118">
		<param name="movie" value="logo.swf">
		<param name="loop" value="true">

		<param name="play" value="true">
		<embed src="logo.swf" width="134" height="118" loop="true" play="true">
		</embed>
		</object>
		<div id="companyName">
			FBS Real Estate

			sede direzionale: 20121, Milano, via senato 6

			Tel.: 02 76000336 Fax: 02 76006265


			sede operativa: 48100, Ravenna, via mazzini 49

			Tel.: 0544 428001 Fax: 0544 423031

		</div>
	</div>

	<div id="topMenuDiv">
        [img]images/english.gif[/img]
		<object width="580" height="40">
		<param name="movie" value="1.swf">

		<param name="loop" value="true">
		<param name="play" value="true">
		<embed src="1.swf" width="580" height="40" loop="true" play="true">
		</embed>
		</object>

	</div>

	<div id="contentDiv">

		<div id="col1Div">
			<div class="newsDiv">
			FBS Real Estate
			</div>
		</div>

		<div id="col2Div">
		<h2>Pagina in costruzione</h2>




		</div>
	</div>

	<div id="footerDiv">
	<font size="3" style="font-weight: bold;"> Lavora con noi Area riservata</font> 
	  Realizzazione: Sagrantino ICT  &copy; 2007 FBS Real Estate

	</div>

</div>
</div>
</body>
</html>

CSS

codice:

 html
{
	height: 100%;
}

body
{
	/*background-color: #435E96;
	background: #eeeeff url(/images/sfondo.gif) top center repeat-y;*/
	background: #435E96 url(../images/sfondo2.gif) top center repeat-y;
	font-family: Times new roman;
	font-size: 12;
	height: 100%;
	margin: 0;
	padding: 0; 
}

a
{
	text-decoration: none;
	color: #435E96;	
}

a: hover, a:visited
{
	color: #435E96;
}

a.inlink
{
	text-decoration: none;
	color: #435E96;
	font-weight: bold;
}

a.inlink: hover
{
	text-decoration: underline;
	color: #435E96;
}


div#headerDiv
{
	position:relative;
	width: 700px;
	height: 120px;
}

div#topMenuDiv
{
	position:relative;
	padding: 0 0 0 20px;
	margin: 0;
	height: 50px;
}

div#externDiv
{
	position: relative;
	min-height: 100%;
	height: auto !important;
	height: 100%;
	text-align: center;
}

div#headerDiv img
{
	position: relative;
	padding: 10px;
}

div#companyName
{
	position: absolute;
	top: 25px;
	right: 25px;
	text-align: right;
	font-variant: small-caps;
	font-size: 12;
}

div#contentDiv
{
	position:relative;
	width: 700px;
	margin: 0 0 0 20px;
	padding: 10px;
	text-align: justify;
	font-size: 12;
}

div#mainDiv
{
	position:relative;
	min-height: 100%;
	height: auto !important;
	height: 100%;
	color: #435E96;
	background-color: #eeeeff;
	width: 700px;
	margin: 0 auto;
	padding: 0 0 20px 10px;
	text-align: left;
}

div#col1Div
{
	/*float: left;*/
	width: 20%;
	/*height: 100%;*/
	padding: 0 15px 0 0;
	position:absolute;
	top:0; left:0;
}

div#col2Div
{
	position:relative;
	min-height: 100%;
	height: auto !important;
	height: 100%;
	padding: 10px 35px 0 15px;
	margin: 10px 0 0 20%;
}

div#footerDiv
{
	position: absolute;
	bottom: 0 !important;
	bottom: -1px;
	font-size: 12;
	width: 700px;
	height: 20px;
	text-align: right;
	padding: 0 20px 0 0;
}



div.newsDiv
{
	font-size: 12;
	font-variant: small-caps;
	padding: 15px 0 10px 0;
}

span.newsLink
{
	display: block;
	text-align: right;
}

span.newsLink a
{
	color: #435E96;
	text-decoration: underline;
	font-size: 12;
	font-variant: small-caps;
}

div.separator
{
	font-weight: bolder;
	text-align: center;
}

img.leftFloating
{
	float: left;
	padding: 3px 15px 8px 0;
}

.movingLogo
{
	margin-left:20px;
}

img.flag
{
	border-width: 0px;
	padding: 0 0 11px 0;
	/*vertical-align: middle;*/
}

img.mainflag
{
	border-width: 0px;
}

.navtext 
{
text-align:left; 
width:200px; 
font:normal 9pt times new roman; 
border-width:2px; 
border-style:outset; 
border-color:#eeeeff; 
background-color:#435E96; 
layer-background-color:red; 
color:white; 
}

Grazie a tutti!

**TheBestNeo** · 14-06-2007, 12:24

Prova ad aggiungere:

codice:

clear:both;

Ma non ti assicuro niente...

**cali1981** · 14-06-2007, 12:26

provato ma non cambia niente...

**cali1981** · 15-06-2007, 10:40

Ok ho quasi risolto, rimane solo un problema:

con firefox anche se il contenuto della pagina è corto, comunque mi visualizza la barra di scorrimento verticale, perchè il div è troppo lungo, idea di come posso fare?
Grazie!

**cali1981** · 18-06-2007, 12:26

Nessuno che ha idea di come fare per risolvere?

Discussione: Footer al bottom della pagina

Strumenti discussione

Ricerca discussione

Visualizza

Footer al bottom della pagina

Permessi di invio