Footer fisso

[yomega]

salve a tutti
volevo chiedere a voi esperti se potevate spiegarmi come fare un footer in cui se appare la barra laterale il footer vada in fondo alla pagina perchè io avevo fatto un footer ma provando a fare un test quando esce la barra da scorrere giù per vedere la pagina completa il footer resta su ma non lo visualizza in fondo capito cosa intendo?

[marty89]

Ciao, prova a dare ai div con il contenuto float left o right e al footer clear:both, in questo modo dovrebbe sistemarsi in fondo. Non so se è chiaro, ma ho preparato un esempio, vedi se ti può essere utile.
Codice html:

<div id="content">
	<div id="header"></div>
	<div id="sinistra"></div>
	<div id="destra"></div>
	<div id="footer"></div>
</div>

Codice css:

#content{
	margin: 0 auto;
	width: 900px;
	height: 1000px;
}

#header{
	width: 900px;
	height: 150px;
	background-color: yellow;
}

#sinistra{
	width: 200px;
	height: 1000px;
	background-color: green;
	float:left;
}

#destra{
	width: 700px;
	height: 1000px;
	background-color: blue;
	float: right;
}

#footer{
	clear: both;
	height: 30px;
	width: 900px;
	background-color: red;
}

Spero di esserti stata di aiuto.

[ldetomi]

Prova anche a usare qualche segno di punteggiatura... se non anche le virgole, almeno i punti.... non si prende fiato a leggere ciò che scrivi........

[yomega]

Ciao, prova a dare ai div con il contenuto float left o right e al footer clear:both, in questo modo dovrebbe sistemarsi in fondo. Non so se è chiaro, ma ho preparato un esempio, vedi se ti può essere utile.
Codice html:

<div id="content">
	<div id="header"></div>
	<div id="sinistra"></div>
	<div id="destra"></div>
	<div id="footer"></div>
</div>

Codice css:

#content{
	margin: 0 auto;
	width: 900px;
	height: 1000px;
}

#header{
	width: 900px;
	height: 150px;
	background-color: yellow;
}

#sinistra{
	width: 200px;
	height: 1000px;
	background-color: green;
	float:left;
}

#destra{
	width: 700px;
	height: 1000px;
	background-color: blue;
	float: right;
}

#footer{
	clear: both;
	height: 30px;
	width: 900px;
	background-color: red;
}

Spero di esserti stata di aiuto.

Purtroppo resta staccato dalla fine,
alla fine delle scritte, ma resta staccato sempre dal fondo
grazie lo stesso .
Provo a vedere se riesco a fare Qualcosa
ma se riesci te, o qualcun'altro, è meglio perchè io non me ne intendo

[homerbit]

scusa, ma deve rimanere sempre fisso in fondo?

[yomega]

Nel senso che se il contenuto è meno dell'altezza della pagina
stia in fondo,
mentre se è piu alto della pagina , almeno che il footer si trovi dopo
e non a metà del contenuto,
capito?
Grazie

[yomega]

risolto
codice css

html, body {height: 100%;}

#wrap {min-height: 100%;}

#main {overflow:auto;
	padding-bottom: 50px;}  

#footer {position: relative;
	margin-top: -28px; /* valore negativo di height */
	height: 28px;
                   margin-left: 350px;
	clear:both;} 

/*Fix Per Opera*/
body:before {
	content:"";
	height:100%;
	float:left;
	width:0;
	margin-top:-32767px;/
}

codice Html

<div id="wrap">

	<div id="main">

		<div id="content">
		
                </div>

		<div id="side">

		</div>

	</div>

</div>

<div id="footer">

</div>

Grazie a tutti