PDA

View Full Version : [CSS] Tabella

ZeRoX
20-07-2006, 14: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, 14: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, 14: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, 15: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">
<!--
#fixedtbl { width: 0%; position: fixed; left: 30px; bottom: 0px; background: lightgray; }
p { font-size: 140%; }
-->
</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>

<p>
Prova<br>Prova<br>Prova<br>Prova<br>Prova<br>Prova<br>
Prova<br>Prova<br>Prova<br>Prova<br>Prova<br>Prova<br>
Prova<br>Prova<br>Prova<br>Prova<br>Prova<br>Prova<br>
Prova<br>Prova<br>Prova<br>Prova<br>Prova<br>Prova<br>
Prova<br>Prova<br>Prova<br>Prova<br>Prova<br>Prova<br>
Prova<br>Prova<br>Prova<br>Prova<br>Prova<br>Prova<br>
Prova<br>Prova<br>Prova<br>Prova<br>Prova<br>Prova<br>
Prova<br>Prova<br>Prova<br>Prova<br>Prova<br>Prova<br>
Prova<br>Prova<br>Prova<br>Prova<br>Prova<br>Prova<br>
</p>

</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, 15:24
compatibilità con il browser per la proprietà fixed?
andbin
20-07-2006, 15: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: