2011-01-24 5 views
0

Я пытаюсь сделать горизонтальный прокручиваемый веб-сайт, и я хочу, чтобы divs плавали вправо, что я могу сделать. Но я не хочу определять ширину контейнера, потому что он может отличаться на разных страницах.сайт с горизонтальной прокруткой

Любые идеи?

ответ

6

Во-первых, его вообще нецелесообразно иметь веб-сайт, который требует прокрутки сбоку. Его необычное движение (пользователи не сталкиваются с ним очень сильно), и пользователи, как правило, не любят это делать.

Чтобы ответить на ваш вопрос, единственным способом, отличным от установки фиксированной ширины на вашем контейнере, является процентная ширина, таким образом вы можете установить для него одинаковый размер (пропорционально) для каждого пользователя. Кроме того, если вы вообще не хотите устанавливать фиксированную ширину, просто оставьте ее. Контейнер автоматически расширится до размера того, что вы его заполняете.

+0

Я не верю, что если оставить его в покое, это приведет к его автоматическому расширению с помощью правильных элементов с плавающей точкой, так как это приведет к разрыву элементов по ширине окна браузера. Неужели я ошибаюсь? – Patcouch22

+0

В итоге я использовал плагин JQuery Columnizer. Я понимаю, что это нецелесообразно, но, к сожалению, иногда нам приходится делать что-то против нашей воли. – CongdonJL

0

Лучше всего использовать библиотеку javascript (например, jquery), чтобы проверить ширину столбцов, которые у вас есть, и установить контейнер в сумму ширины столбцов.

0

сделать контейнер, содержащий ваши divs.It мне кажется, что вы должны плавать все эти divs слева.

<div id="container"> 
    <div class="floater_divs"> 
    </div> 
    <div class="floater_divs"> 
    </div> 
</div> 

#container { width:100%; other stuff you want etc...} 
.floater_divs { float:left; other stuff you want etc...} 

Если вы хотите, чтобы разделители float имели разные правила, то просто создавайте новые классы или идентификаторы.

Смежные вопросы