[CSS] Tabella [Archivio] - Hardware Upgrade Forum

View Full Version : [CSS] Tabella

ZeRoX

20-07-2006, 15:13

Come faccio a posizionare una tabella in css in modo da farla stare sempre sul bordo inferiore della pagina in modo dinamico?

andbin

20-07-2006, 15:21

Come faccio a posizionare una tabella in css in modo da farla stare sempre sul bordo inferiore della pagina in modo dinamico?Credo che non sia possibile con solo i CSS. (comunque non ne sono sicuro al 100%).
Dovresti gestire il posizionamento tramite Javascript. Mi era già capitato di vedere su dei siti dei box che rimanevano sempre nella parte bassa della finestra nonostante io scrollassi la pagina e credo che fosse fatto con JS.

MEMon

20-07-2006, 15:39

Si può fare, leggiti come fare i layout con i css
http://css.html.it/guide/leggi/3/guida-layout-dei-siti-con-i-css/

andbin

20-07-2006, 16:21

Sì, è vero .... MEMon ha ragione. :doh:
È possibile farlo con i CSS, mi ero dimenticato che esiste il posizionamento "fixed".

Ecco subito un bel esempio:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>Test</title>
<style type="text/css">

</style>
</head>
<body>

<table id="fixedtbl" border="1" cellspacing="0" cellpadding="4">
<tr>
<td>AAA</td>
<td>BBB</td>
</tr>
<tr>
<td>CCC</td>
<td>DDD</td>
</tr>
</table>


Prova Prova Prova Prova Prova Prova 
Prova Prova Prova Prova Prova Prova 
Prova Prova Prova Prova Prova Prova 
Prova Prova Prova Prova Prova Prova 
Prova Prova Prova Prova Prova Prova 
Prova Prova Prova Prova Prova Prova 
Prova Prova Prova Prova Prova Prova 
Prova Prova Prova Prova Prova Prova 
Prova Prova Prova Prova Prova Prova 


</body>
</html>Scrollando la pagina, la tabella con le 4 celle resta ancorata al fondo della finestra.
L'ho provato con Firefox, Mozilla, Opera 7 & 8 e funziona. Con IE6 non va. (ma non ho indagato oltre).

prete01

20-07-2006, 16:24

compatibilità con il browser per la proprietà fixed?

andbin

20-07-2006, 16:34

compatibilità con il browser per la proprietà fixed?Purtroppo la proprietà "position" appartiene al CSS level 2 e, per quanto ne so io, IE è 'na schifezza per quanto riguarda il supporto di CSS2. :(

Vedi qui, ad esempio:
http://www.csscreator.com/attributes/properties/position

Nota quello che dice: Fixed is not currently supported by IE :mad: