Таблица с горизонтальным скролингом

[deevil]

Есть таблица:

<table style="width: 100%;">
    <tr>
        <td style="width: 28%; min-width: 200px;">
            SOME DATA
        </td>
        <td>
            <table>
                TABLE DATA
            </table>
        </td>
    </tr>
</table>

В вложенной таблице ширина и количество данных не известно и поэтому может не уместится в ширину.

Хотелось бы чтобы прокрутка была не страницы, а ячейки первой таблицы.

Как такое можно сделать?

Спасибо за помощь.

Edited September 18, 2012 by deevil

[wwt]

...
<div style="overflow:auto;">
    <table>
    TABLE DATA
    </table>
</div>
...

Прокрутка в блоке появится только при необходимости, если контент будет выходить за размеры блока.

Edited September 18, 2012 by wwt

[deevil]

Прокрутка в блоке появится только при необходимости, если контент будет выходить за размеры блока.

Когда делаю так:

<table style="width: 100%;">
    <tr>
        <td style="width: 28%; min-width: 200px;">
            SOME DATA
        </td>
        <td>
            <div style="overflow:auto;">
                <table>
                TABLE DATA
                </table>
            </div>
        </td>
    </tr>
</table>

то получается что растягивается вся таблица, а прокрутка появляется у страницы, а у не блока.

пример

Edited September 18, 2012 by deevil

[wwt]

Задайте блоку ширину и высоту ))

[sigma77]

deevil,

Добавь таблице table-layout: fixed

http://jsfiddle.net/XzTvW/1/

[wwt]

кстати да совсем забыл про вычисление ширины ячейки, слишком давно верстал таблицами уже все забыл )) И порой начинаю понимать что блоками проще ))))

[deevil]

Добавь таблице table-layout: fixed

http://jsfiddle.net/XzTvW/1/

О спасибо, вроде то что нужно...

[deevil]

В общем наткнулся на ошибки с отображением в IE8.

Вопрос думаю пересмотреть:

Страница состоит из Шапки, Левого меню, Основного блока и Подвала.

Нужно чтобы Подвал был прижат к низу.

Левое меню и Основной блок были высотой от Шапки до Подвала.

Все что не помещается в Левое меню и Основной блок было с прокруткой (т.е. прокрутка в самом блоке, а не страницы).

В Основном блоке отображается таблица.

Тип верстки все равно какой (блочная/табличная).

Не подскажите как такое можно реализовать?

Edited September 20, 2012 by deevil