Footer sempre bottom

[Georgias]

salve

devo avere una line di footer che resti sempre visibile sul fondo
sia redimensionando la win
sie che si scrolli

il layout nel css è:
body > div#footer {
position: fixed
}

#footer {
background-color: #00aeef;
visibility: visible;
padding-top: 3px;
padding-left: 10px;
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 24px;
border-top: 4px solid #fff200
}

cmq cone IE e Opera ho provato ad inserirlo ma col resize della win funziona, ma se scrollo resta li fissa sopra il testo .... grrrrrrr
funziona perfettamente solo con Mozilla/Firefox

ho visto che molti usano un comando "hasLayout: -1" che funziona ha?
cmq lho provato ma senza risultato alcuno

help me please

[salasir]

Guarda se con questo riesci a sistemare. Io ho provato giusto stamattina e funziona.

Il problema del footer

[Another-Life]

Quello che non riesco a capire di quella guida è questo:

Come mai le proprietà:

height: auto;
min-height: 100%;

Sono state dichiarate al primo elemento figlio diretto (quale div#container) della sezione body,quando la sezione div#container è l'unica presente all'interno della struttura del documento e quindi a rappresentare l'unico elemento diretto dell'elemento body??...dal mio ragionamento sarebbe stato lo stesso dichiarare le proprietà su citate all'interno della sezione div#container assieme alle altre due proprietà,quali:

position: relative;
height: 100%;

Thx

[salasir]

Se non ho capito male quello che chiedi, intendi questo codice:

body>div#container{height: auto; min-height: 100%}

Potrei ricordare male, correggetemi guru, ma questa codifica non viene riconosciuta da IE, sia il child selector ">" che l'attributo min-height e quindi serve solo per FF, Opera, ...

IE considera la definizione precedente, mentre gli altri utilizzano la seconda che si sovrappone alla precedente.

[Another-Life]

Grazie

[Georgias]

Ecco come ho risolto (ma nn ancora su Opera) su IE e FireFox è perfetto

body > div#footer {
position: fixed;
}

#footer {
background-color: #00aeef; visibility: visible; padding-top: 3px; padding-left: 10px; position: absolute; bottom: 0; left: 0; width: 100%; height: 24px; border-top: 4px solid #fff200 }

*html div#footer {
right: auto; bottom: auto;
left: expression( ( 0 + ( ignoreMe2 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft ) ) + 'px' );
top: expression( ( 0 - footer.offsetHeight + ( document.documentElement.clientHeight ? document.documentElement.clientHeight : document.body.clientHeight ) + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop ) ) + 'px' );
}

ciao e tks cmq

[Another-Life]

Ma hai gia verificato che il footer mantenga la sua posizione nel momento in cui il contenuto si estende oltre la finestra del browser??

[Georgias]

Si

ossia il contenuto del footer son solo tre menu (li) e un'immagine e resteranno quelli
nn si presupone ci siano altre cose da inserire

è perfetta su IE e, anche senza questa sorta di patch, lo era già su firefox
ma su opera nn c'è verso
dovrei risolverlo pure li, ma nn trovo soluzione

devo provare ancora con un commento forzato sulla pagina a richiamare un css apposito per opera,
nn è più urgentissimo quindi ho tempo

avete suggerimenti???