2013-05-25 2 views
0

Я пытаюсь создать базовый чат с использованием ASPX и HTML. Сам вывод хорош, но проблема в том, что таблица просто продолжает расти и расти. Я хочу, чтобы он был прокручиваемым. Вот , что я попробовал и он не работает:HTML-таблица не действует как предполагается

<td style="height: 100px"> 
    <div style="overflow:scroll;display:block"> 
     <%=output %> 
    </div> 
</td> 

ответ

2

Вы должны установить высоту DIV для того, чтобы браузер знать, когда начать обрезать содержимое.

<div style="overflow:scroll;display:block;height:200px"> 
+0

Большое спасибо! –

+0

BTW Что такое различие при использовании параметров стиля в div или в td? –

+1

Чтобы скопировать содержимое и предоставить прокрутку, браузеру необходимо знать высоту элемента, в этом случае вам нужно прокрутить содержимое div, а не TD. Вы также можете использовать TD, просто нужно установить «height» и «overflow» на один и тот же элемент. –

1

вам нужно добавить overflow: scroll; таблицу CSS.

<table style="display:block; overflow: scroll; height:100px"> 
</table> 

http://jsfiddle.net/orlando/uUpvd/

+0

я пробовал, но когда чат «полный» и кто-то добавить сообщение таблица просто –

+0

http://jsfiddle.net/orlando/uUpvd/ растяжения – Orlando

Смежные вопросы