VPF::php (html) горизонтальная прокрутка для вывода шир

optik

Дата 12.4.2008, 22:38 (ссылка)

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

Загрузка ...

Новичок

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

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

Добрый вечер!
Ситуация следующая: при нажатии на button у меня на странице в табличку добавляется новый столбец стправа ( <td>...</td> ) После того как я добавлю 5-6 столбцов, и правая граница таблицы упрётся в правый край страницы, то при дальнейшем добавлении столбцов, таблица начинает сжиматься (столбцы сжимаются). Мне же надо чтобы ширина стобца была всего одинаковой и таблица просто уходила вправо и появлялся горизонтальный скролл (можно на всей странице, а можно в определённом блоке, отведённой этой таблице).

Пробовал использовать <div> и <iframe> - но неудачно.. таблица в них также начинает сжиматься.

Каким способом мне можно реализовать данную задачу?

видел на каком то сайте посвещённом фотографиям такую штуку, что там фоты как раз размещаются в один ряд и под ними длинный горизонтальный скролл, для просмотра всех фоток.. может это вариант мне исользовать? только как он реализован?)

Fortop

Дата 13.4.2008, 00:07 (ссылка)

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

Загрузка ...

Эксперт

Профиль
Группа: Завсегдатай
Сообщений: 2200
Регистрация: 13.11.2007
Где: Донецк

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

Это разметка, оберни таблицу в div и установи ему overflow:auto и width:xxx

Код


<div style="overflow:auto; width:400px;height:400px">
<table border="1" height="95%">
    <tr>
<?php
for ($i=1; $i<10; $i++) {
    echo '<td>' . str_repeat($i, 100) . '</td>';
}
?>
    </tr>
</table>
</div>

Добавлено через 3 минуты и 6 секунд
почитать можно тут http://htmlbook.ru

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

Мир это Я.
Живее всех живых.

krinart

Дата 13.4.2008, 01:03 (ссылка)

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

Загрузка ...

Шустрый

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

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

а если нужно чтобы область со скроллом была вертикальная, небольшой ширины и прижата к правому краю... то есть я не знаю только как прижать к правому краю... align не работает

Код



<DIV STYLE="align: right; height: 298px; width: 200px; overflow: auto; padding-left: 0px; padding-bottom: 0px" >
    <TABLE>
        <TR>
            <TD>item1</TD>
        </TR>
                        и так далее.... 
            </TABLE>
</DIV>

Itsys

Дата 13.4.2008, 06:59 (ссылка)

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

Загрузка ...

Эксперт

Профиль
Группа: Завсегдатай
Сообщений: 1338
Регистрация: 21.1.2008
Где: г. Москва

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

А у <table> не стоит случаем width="100%"? Если стоит, то браузер все отображает правильно - убери.

optik

Дата 13.4.2008, 12:04 (ссылка)

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

Загрузка ...

Новичок

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

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

отлично! спасибо!

а ещё вопросик: можно чтобы в этом DIV'e этот горизонтальный скролл был сверху DIV'овской области, а не снизу?

bars80080

Дата 14.4.2008, 09:40 (ссылка)

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

Загрузка ...

прапор творюет

Награды: 1

Профиль
Группа: Завсегдатай
Сообщений: 12022
Регистрация: 5.12.2007
Где: Königsberg

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

только если ты напишешь его аналог на js и обработаешь все события

настоящий скроллинг не обладает этими свойствами

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