Witam, chciałem zrobić prosty scroll do same tbody w tabeli, lecz wszędzie gdzie znalazłem na ten temat informacje pisz by zrobić w css z tbody i thead osobny blok : display: block; ale w tedy dane w każdej linijce układają mi sie w innej długości. Mogłby mi ktoś doradzić jak to zrobić ? ew. jakim sposobem wyrównać komórki żeby były tej samej wielkości.

Screeny : http://speedy.sh/3AZGz/tabela.png

Mój plik css.

[CSS] pobierz, plaintext 
.off table
{
  text-align:justify;  
font: verdana;
font-size:12px;	
color:black; 
line-height:20px; 
height: auto; 
width:50%; 
margin: 0 auto;
padding:0px 30px 0px 0px;
border-collapse:collapse;
border:1px solid #FFCA5E;
}
 
 
 
.off thead th
{
    background: url(../images/pasek.jpg) no-repeat right;
    height: 40px;
    color: #000;
    font-size: 1em;
    font-weight: bold;
    padding: 0px 10px;
    margin: 40px 0px 0px ;
    text-align: center;
    border-right: 1px solid #FCF1D4;
}
 
 
 
.off tbody th, .off td
{
    font-size: 0.9em;
    line-height: 1.5em;
    font-family: Arial, Helvetica, sans-serif;
    color: #777777;
    padding: 10px 7px;
    border-top: 1px solid #FFCA5E;
    border-right: 1px solid #DDDDDD;
    text-align: center;
 
 
 
}
 
/*
*cienie row
*/
.off tbody tr
{
    background: url(../images/bg_td1.jpg) repeat-x top;
 
 
}
 
/*
*podswietlenie najehanego
*/
.off table tbody tr:hover {
	background: #FFE9A0;
 
}
 
/*
*kolor row
*/
.off tbody tr
{
    background: #FFF8E8 url(../images/bg_td2.jpg) repeat-x ;
 
}
 
 
[CSS] pobierz, plaintext 

tbody{overflow:scroll;}

to nie jest takie proste, gdy dodaje faktycznie pojawia sie scroll, ale nie aktywny nawet gdy zmieniam wielkoscc tablicy z auto, plus do tego komórki z tbody nie pasują do komórek z thead.

Musisz albo w CSS ustawić szerokość kolumn, albo obliczać ją za pomocą js i dodawać do strony.

Spróbuj: http://stackoverflow.com/questions/673153/...818428#25818428