| Версия для печати темы
Нажмите сюда для просмотра этой темы в оригинальном формате |
| Форум программистов > Вёрстка веб-сайтов > Скроллинг в таблице |
| Автор: niki 8.7.2006, 13:12 |
| Добрый день. Мне необходимо создать таблицу ----------------------------------------------------------------- заголовок1׀ заголовок2 ׀ заголовок3 ׀ заголовок4 ׀ ----------------------------------------------------------------- текст1 ׀текст12 ׀ текст3 ׀текст4 ׀ текст1 ׀ текст12 ׀ текст3 ׀текст4 ׀ текст1 ׀ текст12 ׀ текст3 ׀текст4 ׀ Та часть, в которой находится заголовок, должна быть фиксированной, текстовая часть- нет(scroll). Я пробовала это сделать так: заголовок и текст находятся в разных HTML-Таблицах. Текстовая HTML-Таблица находится в <DIV STYLE="height:100px;overflow:auto"> Скроллинг функционирует, но таблица перекошена, т. к. заголовоки и тексты могут быть разной длины. Чтобы текст1 стоял строго под заголовок1 и т.д. , надо чтобы заголовок и текст находились в одной HTML-Таблице, Та часть, в которой находится заголовок, должна быть фиксированной; текстовая часть- нет(scroll). Возможно ли это сделать ? спасибо |
| Автор: EDuard 9.7.2006, 17:49 |
| niki, зафиксируй ширину столбца и пусть текст в ячейках переносится. |
| Автор: niki 9.7.2006, 18:38 |
| заголовок состоит из кнопок(button). Там текст не переносится. <tr style"height:25px;width:100%;vertical-align:top"> <td style="vertical-align:top;width:100px"><button style="width:100% " >заголовок1</button></td> <td style="vertical-align:top;width:100px"><button style="width:100% " >заголовок2</button></td> <td style="vertical-align:top;width:100px"><button style="width:100% " >заголовок3</button></td> </tr>  |
| Автор: R.M. 10.7.2006, 10:40 | ||||
niki, нельзя ставить стили в <tr>!
Ну он и не перенесётся а раздвинит ячейку а текст ниже перенесётся. |
| Автор: niki 10.7.2006, 22:02 |
спасибо  |
| Автор: dm9 13.7.2006, 13:29 |
| Чтобы не было перекоса даже в случае длинных слов (правда, за счёт их обрезания), можно воспользоваться table-layout: fixed; |
