Фиксированное меню с возможностью прокрутки вправо [РЕШЕНО]

[Naushi]

Здравствуйте!

Подскажите, пожалуйста, как сделать фиксированное меню с возможностью прокрутки. В данный момент у меня меню - это слой с настройками docking layer - dock on top. min-width: 1000px; Слой фиксируется всегда в верхней части экрана и растягивается по ширине (что и нужно), но если уменьшить окно браузера, то слой не получается прокрутить вправо (он застывает какбы слева), из-за чего некоторые пункты меню остаются недоступны:

- видны пункты меню слева

при прокрутке направо также остаются пункты меню слева.



Пробовал и иные настройки - не помогает. Что нужно сделать, чтобы слой был фиксированным сверху, растянутым и имел возможность прокрутки?

[Alex]

Есть такая проблемка, видимо если слой фиксируется, то это конкретно и на долго...

[Naushi]

Т.е. это баг программы и никак его не исправить? Есть код, который можно прописать в особом стиле слоя?

[Alex]

Я думаю это не баг, просто настройки такие, position: fixed;

Описание
Устанавливает способ позиционирования элемента относительно окна браузера или других объектов на веб-странице.

Синтаксис
position: absolute | fixed | relative | static | inherit

Значения

absolute
Указывает, что элемент абсолютно позиционирован, при этом другие элементы отображаются на веб-странице словно абсолютно позиционированного элемента и нет. Положение элемента задается свойствами left, top, right и bottom, также на положение влияет значение свойства position родительского элемента. Так, если у родителя значение position установлено как static или родителя нет, то отсчет координат ведется от края окна браузера. Если у родителя значение position задано как fixed, relative или absolute, то отсчет координат ведется от края родительского элемента.
fixed
По своему действию это значение близко к absolute, но в отличие от него привязывается к указанной свойствами left, top, right и bottom точке на экране и не меняет своего положения при прокрутке веб-страницы. Браузер Firefox вообще не отображает полосы прокрутки, если положение элемента задано фиксированным, и оно не помещается целиком в окно браузера. В браузере Opera хотя и показываются полосы прокрутки, но они никак не влияют на позицию элемента.
relative
Положение элемента устанавливается относительно его исходного места. Добавление свойств left, top, right и bottom изменяет позицию элемента и сдвигает его в ту или иную сторону от первоначального расположения.
static
Элементы отображаются как обычно. Использование свойств left, top, right и bottom не приводит к каким-либо результатам.
inherit
Наследует значение родителя.

[Naushi]

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

[anonimus]

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

[Alex]

http://wysiwygwebbuilder.ru окно надо уменьшить и нижнюю прокрутку подвигай, все слои двигаются, а верхний на месте стоит.

[Naushi]

Смотрите, когда уменьшаешь окно браузера появляется полоса прокрутки внизу:



При этом, если ее прокрутить направо, то основное содержимое сайта тоже прокручивается направо, но меню остается зафиксированным сверху слева (видны только кнопки слева) - оно не прокручивается также вправо (кнопки в правой части меню недоступны для просмтра):



Меню на находится на слое, который фиксируется сверху и растянут по ширине. Если убрать фиксацию слоя, то прокрутить меню можно будет, но тогда меню не будет фиксироваться в верхней части экрана. Как сделать так, чтоб меню было и фиксированным вверху и прокручивалось при уменьшении экрана.
Вот ссылка на тестовый сайт: http://djserge.ru/

[anonimus]

http://wysiwygwebbuilder.ru окно надо уменьшить и нижнюю прокрутку подвигай, все слои двигаются, а верхний на месте стоит.

ага, понял
надо заняться этим и что-то придумать))

Смотрите, когда уменьшаешь окно браузера появляется полоса прокрутки внизу:

спасибо, но я на живом примере понял, когда Alex написал
вы сразу приводите наглядный пример в действии и сразу ясно становится, ну и писать не нужно столько))

[Naushi]

)))))))))))))) Помогите решить нашу общую проблему)))

[anonimus]

)))))))))))))) Помогите решить нашу общую проблему)))

займусь когда свои дела сделаю

[Naushi]

Товарищи. Решение найдено. Хоть и платное.

http://www.magnawebstudio.com/shop/pack.html - здесь нужно купить Pro

http://www.wysiwygwebbuilder.com/forum/ ... 53&t=55787

Пример сайта с прокручивающимся меню: http://www.naftalina.org/