[JS] Menu con posiz. assoluta

ovsoft · 14-04-2004, 19:17

Salve,
vorrei fare in modo che una mia toolbar che sta su un layer sia automaticamente posizionata in fondo al browser, anche quando faccio resize o scroll... E' possibile?

ri · 14-04-2004, 20:44

non serve ad un ciufolo javascript per sta roba

Codice:

<style type="text/css">
    #footer{
          position: fixed;
          bottom: 20px;
    }
</style>

<body>
...

<div id="footer">sta roba qua sta tutta al fondo</div>
</body>

ovsoft · 14-04-2004, 22:48

Ottimo su Mozilla, su IE purtroppo rimane fisso e non si posiziona dove dovrebbe...

ri · 15-04-2004, 08:52

ie mi fa solo girare le palle...

Codice:

#footer {
    clear: both; 
    position: absolute;
    bottom: 0; 
    left: 0; 
    width: 100%;
}

ovsoft · 15-04-2004, 11:55

Mi spiace, continua a non funzionare:
http://dev.nibbles.it/vanityline/cosmesi/test.jsp

ri · 15-04-2004, 12:14

non ti offendere, ma ormai vedere layout a tabelle mi fa venire i brividi...
se il footer lo vuoi sempre in primo piano a qualsiasi dimensione della finestra e con eventuale testo in overflow che gli scorre sotto, devi usare il primo modo, cercando di farlo piacere ad ie
se vuoi semplicemente posizionarlo al fondo del testo, il secondo metodo è quello indicato, a patto che però quello che c'è prima non faccia uso di posizionamenti assoluti o cose strane

14-04-2004, 19:17	#1
ovsoft Senior Member Iscritto dal: Jun 2001 Città: Genova Messaggi: 372	[JS] Menu con posiz. assoluta Salve, vorrei fare in modo che una mia toolbar che sta su un layer sia automaticamente posizionata in fondo al browser, anche quando faccio resize o scroll... E' possibile? __________________ Orlin Velinov - OVSoft OVSoft - Soluzioni Informatiche Eten Users Forum

14-04-2004, 20:44	#2
ri Senior Member Iscritto dal: Feb 2003 Città: fra casa e lavoro Messaggi: 1061	non serve ad un ciufolo javascript per sta roba Codice: <style type="text/css"> #footer{ position: fixed; bottom: 20px; } </style> <body> ... <div id="footer">sta roba qua sta tutta al fondo</div> </body>

14-04-2004, 22:48	#3
ovsoft Senior Member Iscritto dal: Jun 2001 Città: Genova Messaggi: 372	Ottimo su Mozilla, su IE purtroppo rimane fisso e non si posiziona dove dovrebbe... __________________ Orlin Velinov - OVSoft OVSoft - Soluzioni Informatiche Eten Users Forum

15-04-2004, 08:52	#4
ri Senior Member Iscritto dal: Feb 2003 Città: fra casa e lavoro Messaggi: 1061	ie mi fa solo girare le palle... Codice: #footer { clear: both; position: absolute; bottom: 0; left: 0; width: 100%; }

15-04-2004, 11:55	#5
ovsoft Senior Member Iscritto dal: Jun 2001 Città: Genova Messaggi: 372	Mi spiace, continua a non funzionare: http://dev.nibbles.it/vanityline/cosmesi/test.jsp __________________ Orlin Velinov - OVSoft OVSoft - Soluzioni Informatiche Eten Users Forum

15-04-2004, 12:14	#6
ri Senior Member Iscritto dal: Feb 2003 Città: fra casa e lavoro Messaggi: 1061	non ti offendere, ma ormai vedere layout a tabelle mi fa venire i brividi... se il footer lo vuoi sempre in primo piano a qualsiasi dimensione della finestra e con eventuale testo in overflow che gli scorre sotto, devi usare il primo modo, cercando di farlo piacere ad ie se vuoi semplicemente posizionarlo al fondo del testo, il secondo metodo è quello indicato, a patto che però quello che c'è prima non faccia uso di posizionamenti assoluti o cose strane

Strumenti
Mostra una versione stampabile Invia questa pagina per email