Переключение бокового меню поверх центрированной веб-страницы

У меня есть центрированная веб-страница (с использованием поля: 0 auto; в «оболочке DIV») с длинным боковым меню. Для одного шаблона страницы требуется широкая область содержимого, поэтому я пытаюсь добавить ссылку вверху, которая будет переключать отображение бокового меню (с помощью jquery), поэтому при нажатии она появится поверх основного содержимого страницы.

Я могу добиться этого, если использую 'position: absolute;' в #sidemenucontainer DIV, но если я использую относительное позиционирование (то есть оно находится в правильном месте относительно центрированного макета, т. е. не застревает в верхнем левом углу браузера), тогда содержимое главной страницы перемещается вниз под меню, вместо того, чтобы появляться «над» страницей.

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


person Stevemid    schedule 16.08.2011    source источник
comment
Можете ли вы опубликовать образец HTML и CSS? Будьте кратки. Включайте только соответствующий код.   -  person Joseph Silber    schedule 16.08.2011


Ответы (1)


Абсолютный означает абсолютный по отношению к ближайшему относительно расположенному родительскому элементу div.

Назначив оболочке position из relative, а боковому меню position из absolute, вы разместите боковое меню внутри оболочки.

Вам нужно, чтобы боковое меню располагалось абсолютно так, чтобы вы могли перемещать его поверх других элементов, в данном случае основного содержимого.

Вот пример: http://jsfiddle.net/RLcFf/

person Jamie Dixon    schedule 16.08.2011
comment
Я также добавил образец для вас, Стив. Рад, что помог. - person Jamie Dixon; 16.08.2011