Forum Flash, Actionscript, PHP e MySQL
Div#Footer fisso

 
Nuovo Topic   Rispondi    Forum Flash, Actionscript, PHP e MySQL » HTML, XHTML, CSS, standard W3C e accessibilità
Precedente  Successivo 
Autore Messaggio
bambo
intermedio
intermedio


Età: -1982
Registrato: 29/11/07 13:30
Messaggi: 104
Località: Verona

MessaggioOggetto: Div#Footer fisso
Inviato: 11.04.08 | 14:49
Rispondi citando

Ciao ragazzi, volevo un aiuto

sto creando un layout in xhtml, e volevo porvi un quesito.

Ho creato un container con dimensioni fisse, e vorrei creare un div footer che sia sempre posizionato alla stessa altezza a prescindere se ci sono altri div sopra, cioè vorrei che fosse indipendente e sempre li fisso.


Possibile?


Grazie a tutti

____________________________________________________________
http://www.doc-pc.it Se hai bisogno di aiuto...
Torna in cima
Profilo Messaggio privato   HomePage Skype
Sponsor
bambo
intermedio
intermedio


Età: -1982
Registrato: 29/11/07 13:30
Messaggi: 104
Località: Verona

MessaggioOggetto:
Inviato: 11.04.08 | 16:00
Rispondi citando

Ho risolto cosi:

magari avete alternative


 
Codice:
#container {
    width:763px;
    margin-top: 5px;
    height: 556px;
    margin-right: auto;
    margin-bottom: 0;
    margin-left: auto;
}

#footer {
    margin-top: 6px;
    margin-left: 30px;
    margin-right: 5px;
    border-top-width: 1px;
    border-top-style: solid;
    border-top-color: #CCCCCC;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    color: #999999;
    text-align: right;
    padding-top: 2px;
    width: 727px;
    height: 15px;
}

#centrale {
    height: 532px;
   
}


e l' html

 
Codice:
<div id="container">
<div id="centrale"></div>
<div id="footer"></div>
</div>

____________________________________________________________
http://www.doc-pc.it Se hai bisogno di aiuto...
Torna in cima
Profilo Messaggio privato   HomePage Skype
ZobaZ
moderatore
moderatore



Registrato: 27/03/04 21:25
Messaggi: 71
Località: Cologna Veneta, Verona

MessaggioOggetto:
Inviato: 11.04.08 | 16:10
Rispondi citando

Forse questo può aiutarti http://limpid.nl/lab/css/fixed/footer

Come puoi vedere la proprietà che lo rende fisso rispetto al resto è position: fixed, proprietà che nei browsers meno recenti viene sostituita dalla precedente position:absolute.

____________________________________________________________
ZobaZ - web design & sounds
www.myspace.com/zobaz_it
www.youtube.com/zobazDOTit
www.zobaz.it

Torna in cima
Profilo Messaggio privato   HomePage Indirizzo AIM Skype
bambo
intermedio
intermedio


Età: -1982
Registrato: 29/11/07 13:30
Messaggi: 104
Località: Verona

MessaggioOggetto:
Inviato: 11.04.08 | 17:00
Rispondi citando

Grazie per la risposta,

ma io se vedi il codice che ti ho messo volevo una cosina diversa?

che l altezza del footer nel container resti fissa.


Grazie

____________________________________________________________
http://www.doc-pc.it Se hai bisogno di aiuto...
Torna in cima
Profilo Messaggio privato   HomePage Skype
ZobaZ
moderatore
moderatore



Registrato: 27/03/04 21:25
Messaggi: 71
Località: Cologna Veneta, Verona

MessaggioOggetto:
Inviato: 11.04.08 | 17:29
Rispondi citando

...forse non ho capito bene cosa vuoi fare: intendi qualcosa tipo questo http://zobaz.altervista.org/testing/fixedFooter/ ?

Se vuoi che il footer rimanga sempre posizionato alla stessa distanza dal fondo della finestra del browser, allora nel tuo codice ciò non avviene più qualora tu inserisci parecchio testo nel <div id="centrale"></div>, tanto da causare la comparsa della scrollbar laterale del browser.

____________________________________________________________
ZobaZ - web design & sounds
www.myspace.com/zobaz_it
www.youtube.com/zobazDOTit
www.zobaz.it

Torna in cima
Profilo Messaggio privato   HomePage Indirizzo AIM Skype
Mostra prima i messaggi di:   
Nuovo Topic   Rispondi    Forum Flash, Actionscript, PHP e MySQL » HTML, XHTML, CSS, standard W3C e accessibilità Tutti i fusi orari sono GMT + 2 ore
Pagina 1 di 1


 
Vai a:  
Non puoi inserire nuovi Topic in questo forum
Non puoi rispondere ai Topic in questo forum
Non puoi modificare i tuoi messaggi in questo forum
Non puoi cancellare i tuoi messaggi in questo forum
Non puoi votare nei sondaggi in questo forum
Non puoi allegare files in questo forum
Puoi downloadare gli allegati in questo forum



Powered by phpBB © 2001, 2002 phpBB Group - phpBB SEO Designed by coachdesign - © 2003-2005