footer height 100%

[mandrake_01]

Ciao,
il mio layout è composto da 3 parti, header, main, footer.
Header e main hanno height definito (10px e 610px).
Vorrei invece definire l'height del footer al 100% in modo che a seconda della risoluzione
il footer si ingrandisca/rimpicciolisca automaticamente.
Ho provato alcune strade (min-height) purtroppo senza successo, qualcuno mi da qualche suggerimento?

Grazie.
Ciao

[glue-labs]

se pensi di sviluppare per browser che supportano css3 puoi adattare attraverso le media queries il codice allo schermo, se invece vuoi essere retrocompatibile puoi usare javascript per vedere altezza e larghezza dello schermo e quindi settare il tuo footer in accordo con le dimensioni trovate

[ldetomi]

Non ho mai affrontato questa situazione ma.... posta un link con una versione a layout semplificato e vediamo che si può fare!!!!

[mandrake_01]

A momento ho fatto così , anche se non è propio quello che volevo, ma è un qualche cosa di semplice senza usare javascript o media queries.

* {
      padding: 0;
      margin: 0;
}

html, body {
       height: 100%;
}

#container {
       min-height: 100%;
       background-color: #000;
       width: 100%;
       margin: 0 auto;
}

* html #container {
        height: 100%;
}

#header {
	width: 100%;
	height: 10px;
	position: relative;
	background: #000;
}

#main {
	width: 100%;
	height: 610px;
	position: relative;
	overflow: hidden;
	background: #fff;
}

#footer {
	width: 100%;
	height: 170px;
	position: relative;
	background: url('../images/footer.png') repeat-x;
}

[ldetomi]

A parte che senza html... il css da solo serve a poco... Ti avevo chiesto espressamente un link per testare il problema in tempo reale.....