[ Поиск ] - [ Пользователи ] - [ Календарь ]
Полная Версия: Таблица с прокруткой.
zvezda_t
Всем привет!

Сделала табличку с прокруткой. А она у меня не правильно отображается,
если у меня мало строк в таблице, то они либо растягиваются на всю таблицу (Мазила), либо остаётся пустое место(IE8).

А как сделать чтоб появлялась прокрутка, только если количество строк большое?

<table class='title_tab'>
<
tr>
<
th >дата</th>
<
th >время</th>
<
th width='15px'> </th>
</
tr>
<
tr>
<
td colspan='3'>
<
div class='scroll-table'>
<
table class='new_bid'>";
for(
$n=0; $n<=$kol_vo_z; $n++)
{
print "

<tr height='3px' bgcolor=#EEEEFF>
<td>".$n."</td>
<
td>2</td>
</
tr>";
}
print "

</table>
</
div>
</
td>
</
tr>
</
table>


.scroll-table {
width: 100%;
overflow: auto;
height: 245px;
position: relative; /* <- added */
}
.scroll-table table {
border-collapse: collapse;
}
.scroll-table td {
padding: 5px;
}
.scroll-table th {
background: #eee;
padding: 5px;
}

.scroll-table tr.fixed { /* <- added */
position: relative;
top: expression(this.parentElement.parentElement.parentElement.scrollTop)
}


.scroll-table>table tbody {/* <- added */
height: 240px;
overflow: auto;
overflow-x: hidden;
}


_____________

Что ты сделал сегодня - для завтра?
"Приидите ко Мне вси труждающиеся и обремененнии и Аз упокою вы, возмите иго Мое на себе и научитеся от Мене яко кроток есмь и смирен сердцем и обрящете покой душам вашим, иго бо Мое благо и бремя Мое легко есть."(Мф. 11:28-30)
Быстрый ответ:

 Графические смайлики |  Показывать подпись
Здесь расположена полная версия этой страницы.
Invision Power Board © 2001-2024 Invision Power Services, Inc.