VPF::Table выходит за рамки DIV в Chrome - Форум программистов

Plavozont

Дата 25.6.2011, 15:11 (ссылка)

(нет голосов)

Загрузка ...

Бывалый

Профиль
Группа: Участник
Сообщений: 182
Регистрация: 14.4.2008

Репутация: нет
Всего: нет

Код


<html>
<body>
<div style="overflow:auto; position:fixed; width:75%; height:75%; left:12%; top:8%; background-color:grey">
<table style="width:100%;">
<tr>
<td style="border-width:5px;border-style:solid;">12345
<tr><td style="border-width:5px;border-style:solid;">
<div style="overflow:scroll; background-color:yellow;">
123456789012345678901234567890123456789012345678901234567890123456789012345678901234567890123456789012345678901234567890123456789012345678901234567890123456789012345678901234567890123456789012345678901234567890123456789012345678901234567890123456789012345678901234567890123456789012345678901234567890123456789012345678901234567890123456789012345678901234567890123456789012345678901234567890123456789012345678901234567890123456789012345678901234567890123456789012345678901234567890
</div>
</table>
</div>
</body>
</html>

Можно ли сделать так, чтобы таблица была шириной с DIV, верхняя прокрутка прокручивала содержимое ячейки а нижняя вообще не появлялась ?

Добавлено через 6 минут и 33 секунды
...хотя я смотрю тут такая же беда

Это сообщение отредактировал(а) Plavozont - 25.6.2011, 15:16

--------------------

Fortunately, the circumstances under which those words are useful run out at a relatively low level of multiplicity.

Plavozont

Дата 25.6.2011, 15:41 (ссылка)

(нет голосов)

Загрузка ...

Бывалый

Профиль
Группа: Участник
Сообщений: 182
Регистрация: 14.4.2008

Репутация: нет
Всего: нет

в IE и FireFox у меня получилось так сделать
в Chrome помогает только если наделать пробелов (а точнее white-space:nowrap убрать)

Это сообщение отредактировал(а) Plavozont - 25.6.2011, 15:44

--------------------

Fortunately, the circumstances under which those words are useful run out at a relatively low level of multiplicity.

mark2011

Дата 2.7.2011, 09:10 (ссылка)

(нет голосов)

Загрузка ...

Бывалый

Профиль
Группа: Участник
Сообщений: 174
Регистрация: 28.6.2011

Репутация: нет
Всего: 2

Ну как бы вот прообраз того что вам нужно:

(я ещё код подредактировал, убрал лишнее и ненужное)

Код


<html>
<body>
<div style="overflow: auto; position:fixed; width:75%; height:75%; left:12%; top:8%; background-color:grey">
<table>
<tr>
<td style="border: 5px solid;">12345</td>
<tr>
    <td style="border: 5px solid;">
        <div style="overflow-x: scroll !important; width: 99%;">
            <div style="background-color:yellow;">
1234567890
1234567890
1234567890
1234567890
1234567890
1234567890
1234567890
1234567890
12345678901234567890
12345678901234567890
12345678901234567890
12345678901234567890
12345678901234567890
12345678901234567890
12345678901234567890
12345678901234567890
12345678901234567890
12345678901234567890
12345678901234567890
12345678901234567890
12345678901234567890
12345678901234567890
12345678901234567890
12345678901234567890
12345678901234567890
12345678901234567890
12345678901234567890
12345678901234567890
            </div>
        </div>
    </td>
</tr>
</table>
</div>
</body>
</html>

Правда в этом случае если вы не прокрутите нижнюю полосу, то не увидите верхнюю )) и ещё, если там сделать width: 100%; то весь эффект исчезает...

Это сообщение отредактировал(а) mark2011 - 2.7.2011, 09:13

0 Пользователей читают эту тему (0 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема \| Вёрстка веб-сайтов \| Следующая тема »