[Firefox] oggetto fisso nonostante lo scroll

[trusthat]

Ho un thead fisso che nonostante lo scroll nel div rimane fisso. Su ie funziona perfettamente.

in poche parole l'intestazione rimarebbe fissa nonostante lo scroll verticale.
Con firefox non funziona.

Questo è il div contenitore

div.scrollTableContainer {
	height: 500px;	
    overflow: auto;
	width: 1000px ;
	margin: 0 0 0 0;
	position: relative;
	border-left: 1px solid #999;
}

questo invece è il codice che mantiene fisso il thead rispetto alla scroll (scorro la pagina ma l'header rimane in alto) (solo in ie)

div.scrollTableContainer thead tr	{
	position:relative; 
	top: expression(offsetParent.scrollTop);
    left: -1px;
}

come faccio a mantenerlo fisso anche in firefox?

[Mich_]

I browser standard (quindi escludendo IE) riconoscono:
position: fixed

A quel punto il CSS potrebbe diventare:

 div.scrollTableContainer thead tr	{
	position: relative !important;
	position:relative; 
	top: ??? !important;
	top: expression(offsetParent.scrollTop);
	left: -1px;
}

Al posto dei ??? dovrai metterci un valore
Non sono sicuro che funzioni. In alternativa devi fare due CSS, uno per i browser standard ed uno per IE (da inserire mediante i commenti condizionali)

[trusthat]

il thead siamo riusciti a bloccarlo sia in ie che in fx...

il problema ora sta nel bloccare le prime due colonne dei dati...

ad esempio

<tr>
<td>1</td>
<td>2</td>
<td>3</td>
<td>4</td>
<td>5</td>
<td>6</td>
</tr>

dobbiamo bloccare solo la colonna 1 e due...

[Mich_]

Forse allora vuoi una cosa completamente diversa.

Vuoi che il browser riconosca alcune colonne e/o righe come fossero di intestazione, che rimangano sempre visibili nonostante lo scroll.
E` una cosa che i browser intelligenti sanno fare, se usi correttamente i tag delle tabelle:
<th> (per l'orizzontale)
<thead><tbody><tfoot> (per il verticale)

Ma credo che per IE6 ci sia comunque necessita` di JS.

[trusthat]

il problema però è che con ie6,7 funziona correttamente... il problema è avere la scrollbar nel tbody fissando però le prime due colonne...
o meglio la scroll bar nel tbody la visualizziamo, solo che essendo la tabella abbastanza variabile in larghezza, superiamo i 1800/2000pixel...quindi vorremmo l'area visibile di 800px ad esempio e la scrollbar per scorrere il tbody (sempre tenendo fisse le prime due colonne)

[Mich_]

La cosa cambia (soprattutto per quanto riguarda il cross-browser) se la tabella ci sta sempre in verticale, o se deve scrollare anche in verticale. Nel primo caso e` molto piu` semplece trovare una soluzione anche con browser vecchi.

Comunque prova a usare il <th> (anziche` il <td>) per le colonne di titolo (quelle che devono stare fisse).

Nota: conviene PRIMA sistemare per i browser standard, POI trovare l'hack o il trucco per IE (dato che per IE si possono usare i commenti condizionali).

[trusthat]

il th per tenerlo fisso devo metterlo in position: relative?

[Mich_]

Se usi i posizionamenti entri in un ginepraio....
Comunque devi conoscere per lo meno i seguenti articoli prima di poterli usare:
I posizionamenti assoluti
Capire i posizionamenti relativi

A me risulta che i browser fanno scrollare le tabelle in modo corretto se sono marcate correttamente.

[trusthat]

ho già letto quei due articoli....
se invece visualizzassi gli scroll del div che contiene la tabella, è possibile mantenere il thead e le due colonne del tbody fisse rispetto al div?