[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

Quote:

Originariamente inviato da ZeRoX

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/gui...iti-con-i-css/

andbin · 20-07-2006, 15:21

Sì, è vero .... MEMon ha ragione.

È possibile farlo con i CSS, mi ero dimenticato che esiste il posizionamento "fixed".

Ecco subito un bel esempio:

Codice:

<!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

Quote:

Originariamente inviato da prete01

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...rties/position

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

20-07-2006, 14:13	#1
ZeRoX Member Iscritto dal: Aug 2002 Città: Modena Messaggi: 211	[CSS] Tabella Come faccio a posizionare una tabella in css in modo da farla stare sempre sul bordo inferiore della pagina in modo dinamico?

20-07-2006, 15:24	#5
prete01 Senior Member Iscritto dal: Mar 2002 Città: Latina Messaggi: 876	compatibilità con il browser per la proprietà fixed? __________________ Processore:Intel i7 3770 skt.1155 ,Scheda madre: Asrock z77 pro4 16 GB DDR3,Hard-disk: samsung 850 evo 500gb,Scheda video: Nvidia 680

20-07-2006, 14:39	#3
MEMon Senior Member Iscritto dal: Dec 2002 Messaggi: 3359	Si può fare, leggiti come fare i layout con i css http://css.html.it/guide/leggi/3/gui...iti-con-i-css/

Strumenti
Mostra una versione stampabile Invia questa pagina per email