Il footer non va in fondo alla pagina

[Il Pazzo]

Body{
	margin: 0;
	padding: 0;
	height: 100%;
	background: url(Immagini/Sfondo.jpg) center center repeat fixed;
}

div#header{	/* qui va il logo */
	height: 100px;
}

div#menu{ /*bottoni flash, plugin, html*/
	position: absolute;
	top: 100px;
	left: 0px;
	width: 200px;
}

div#contenuto{/*frase di daniele*/
	margin-left: 200px;
	padding: 1em;
}

div#contenuto ul{margin: 1em 0 1em 1em;padding: 0; list-style-type: none;}

div#footer{
	padding: 0.5em;
	text-align: center;
	font:smaller "Arial";
}

Mi sta li in mezzo come un'idiota... l'unico modo che ho trovato per farlo scendere è modificare il valore di qualche padding, ma cambiando risoluzione mi da problemi in quando mi fa apparire la barra di scorrimento o se ne torna in mezzo....

PS.: Non sono riuscito a capire bene cosa vogliano die "em", "ul", "li"...

[D4rkAng3l]

Forse potrebbe esserti utile leggere questo:
http://css.html.it/guide/lezione/64/...ma-del-footer/

[Il Pazzo]

Originariamente inviato da D4rkAng3l
Forse potrebbe esserti utile leggere questo:
http://css.html.it/guide/lezione/64/...ma-del-footer/

non va tanto bene....
ho scritto così:

div#container{
	position: relative;
}

div#footer{
	padding: 0.5em;
	text-align: center;
	font:smaller "Arial";
	bottom: 0px;
	position:absolute;
	width: 100%;
}

però mi fa spuntare le barre di scorrimento.... se levo quel width: 100%; le barre scompaiono ma si allinea tutto a sinistra.... se metto 90% neanche in questo caso è centrato..

[H5N1_Aviaria]

Hai provato con

div#contenuto{/*frase di daniele*/
	margin-left: 200px;
	padding: 1em;
	height : 100%;
}

[Il Pazzo]

Originariamente inviato da H5N1_Aviaria
Hai provato con

div#contenuto{/*frase di daniele*/
	margin-left: 200px;
	padding: 1em;
	height : 100%;
}

si... se ne va in bassissimo devo scorre la pagina di un bel pò! ma che cavolo.... ma sto CSS non doveva semplificare le cose?

ma non sono riuscito a capire cosa voglia dire "em"....

[H5N1_Aviaria]

Il problema consiste, appunto, nel dimensionamento.
Il dimensionamento degli elementi influenza il loro posizionamento.
Mi spiego.
Se tu avessi dato all'header un'altezza del 20% del documento e al footer del 10%, dando al contenuto un 70% ti troveresti tutti gli elementi che coprono il 100% dell'altezza.
Ma siccome anche a scuola ci hanno insegnato che le mele con le pere non si sommano è impossibile togliere dal 100% 100px!
Gli em sono unità di misura relative al font-size.
1em sta a significare "l'altezza di un carattere".
Dire che l'header è "alto" 10em quando una line è alta 1em equivale a dire che l'header è alto 10 righe di catattere.

Il mio consiglio è quello di usare per le misure orizzontali le percentuali e per le verticali gli em.

[Il Pazzo]

Originariamente inviato da H5N1_Aviaria
Il problema consiste, appunto, nel dimensionamento.
Il dimensionamento degli elementi influenza il loro posizionamento.
Mi spiego.
Se tu avessi dato all'header un'altezza del 20% del documento e al footer del 10%, dando al contenuto un 70% ti troveresti tutti gli elementi che coprono il 100% dell'altezza.
Ma siccome anche a scuola ci hanno insegnato che le mele con le pere non si sommano è impossibile togliere dal 100% 100px!
Gli em sono unità di misura relative al font-size.
1em sta a significare "l'altezza di un carattere".
Dire che l'header è "alto" 10em quando una line è alta 1em equivale a dire che l'header è alto 10 righe di catattere.

Il mio consiglio è quello di usare per le misure orizzontali le percentuali e per le verticali gli em.

ma nella guida c'è scritto:

L'approccio basato su colonne secondarie a larghezza percentuale è decisamente poco utilizzato per svariati motivi, primo fra tutti quello che impedisce un buon controllo della pagina nel suo complesso. Infatti, alcuni browser hanno dei problemi di arrotondamento delle percentuali, e può capitare che 100% significhi un po' più di 100%, generando una fastidiosa scrollbar orizzontale.

che poi è proprio quello che vorrei evitare io...

sempre continuando la guida c'è scritto:

Dichiarare colonne secondarie elastiche (e quindi dimensionarle in em) ha senso solo quando vogliamo rendere i contenuti totalmente ridimensionabili.

che invece è proprio quello che vorrei fare io....

continuando la guida ci sono gli esempi dei CSS ma mi danno sti problemi qui...

[Il Pazzo]

In pratica io volevo fare una cosa simile a questa:

Layout a due colonne con posizionamenti assoluti

però il footer dovrebbe stare alla fine della pagina no li in mezzo...

[H5N1_Aviaria]

Ma in realtà sta alla fine della pagina.
La fine della pagina corrisponde all'altezza adattata al contenuto.
se riempi il div#contenuto con del testo noterai che il footer starà sempre alla fine.
Il tuo codice produce il risultato dela pagina che hai linkato.
Prova a riempire il div con del testo di prova.

[Il Pazzo]

e allora no... mi sono espresso male.... il mio footer in pratica mi deve stare in fondo al "body".... come posso spiegare... nell'ultima riga disponibile senza l'uso della scroll bar....