Форум программистов [Powered by Invision Power Board]

Версия для печати темы
Нажмите сюда для просмотра этой темы в оригинальном формате

Форум программистов > Вёрстка веб-сайтов > php (html) горизонтальная прокрутка для вывода шир

Автор: optik 12.4.2008, 22:38

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

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

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

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

Автор: Fortop 13.4.2008, 00:07

Это разметка, оберни таблицу в 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

а если нужно чтобы область со скроллом была вертикальная, небольшой ширины и прижата к правому краю... то есть я не знаю только как прижать к правому краю... 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

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

Автор: optik 13.4.2008, 12:04

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

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

Автор: bars80080 14.4.2008, 09:40

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

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