Newsgroup: it.lavoro.professioni.webmaster
Titolo: problema con css.

Ciao a tutti,
sto provando a sistemare un layout ma incontro alcune piccole difficoltà.
Ci sono tre div:
<div id="header"> </div>
<div id="content"> </div>
<div id="footer"> </div>
Ora per #header e #footer io ho posto position: fixed e in particolare: top: 
0px per #header e bottom: 0px per #footer.
Ovviamente ho definito anche le relative altezze e larghezze di #header e 
#footer.
Il problema è #content; infatti io devo inserire all'interno di #content 
l'intera pagina.
Avviene che, se l'intera pagina supera le dimensioni della finestra, può si 
scrollarsi, ma #footer si sovrappone.
Io invece devo fare in modo che:
a) #footer compaia sempre in basso alla finestra del browser.
b) se #content supera l'altezza della finestra, #footer scenda sotto 
#content, rimanendo quindi sempre in basso alla finestra.
Come posso risolvere ciò?
Grazie in anticipo.
Cooper.
 

 rimanendo quindi sempre in basso alla finestra.
Non puoi, senza usare Javascript.
ma puoi mettere un padding-bottom a content, pari all'altezza di footer, 
in modo da vedere tutto il content quando scrolli.
Cosi` avrai sempre header e footer visibili.
Bye.

 ha scritto nel messaggio 
news:73ub9oF1...@mid.individual.net...

Si questo è ciò che ho fatto ma non va bene :(
La soluzione con javascript quale sarebbe? Vorrei tentarla prima di 
utilizzare il metodo classico.
Qualche link in merito?
Grazie ancora.
Cooper. 

 classico.
Ti conviene chiedere sul ng apposito, dove troverai gente sicuramente piu` 
preparata di me, ma genericamente, lasci il footer nel flusso normale di 
pagina, prendi le dimensioni della finestra, controlli se il footer e` 
gia` attaccato al fondo, ed eventualmente ne cambi il css perche` sia 
fixed.
Bye.

 scrollarsi, ma #footer si sovrappone.
Forse non ho capito bene il problema, ma magari questa è la soluzione:
<html>
        <head>
                <style type="text/css">
                        #header {
                                background:#ff0088;
                                position:fixed;
                                top:0px;
                                height:50px;
                                width:300px;
                        }
                        #content {
                                border:1px solid black;
                                height:600px;
                                margin:51px 0px;
                                width:298px;
                        }
                        #footer {
                                width:300px;
                                position:fixed;
                                height:50px;
                                bottom:0px;
                                background:#aaaa00;
                        }
                </style>
        </head>
        <body>
                <div id="header">
                        header
                </div>
                <div id="content">
                        content
                </div>
                <div id="footer">
                        footer
                </div>
        </body>
</html>
-- 
http://myretrocomputing.altervista.org

"andrea" <myemail@fattimie.i> ha scritto nel messaggio 
news:1ixrdih.36pagb1lki29rN%myemail@fattimie.i...

Sostanzialmente è il css che ho già.
Il problema è che se #content ha una altezza tale da attivare la barra di 
scorrimento verticale, allora sia #header che #footer devono scrollare 
insieme a #content; diversamente se #content ha una altezza inferiore per 
cui la barra di scorrimento verticale non viene attivata, allora #footer 
deve comparire in basso alla finestra.
Tutto qui.
Cooper.