float прямо в wordpress

#php #css #wordpress

#php #css #wordpress

Вопрос:

У меня есть сайт WordPress, где область содержимого имеет ширину 960 пикселей. У меня есть выдвижная панель, которую я закодировал на сайте, но когда я перемещаю ее правильно, она перемещается только справа от области содержимого размером 960 пикселей. Как мне разместить его в правой части окна браузера за пределами области содержимого. Предложения…идеи?

Это было исправлено

Моя новая проблема заключается в том, что моя выдвижная панель находится за содержимым моих страниц, когда оно выдвигается.

вот ссылка на css для выдвижной панели

CSS

Ответ №1:

Попробуйте

 .my-slide-panel {
    position:absolute;
    right:-200px; /* change 200 to whatever your actual panel size  */
    top:0;

}   
  

Убедитесь, что .my-slide-panel находится в контейнере, который position определен как относительный или абсолютный.

Комментарии:

1. это сработало …. теперь моя проблема в том, что это находится за содержимым моих страниц … я пытался использовать z-index: 1, но это не помогло

2. Возможно, вам потребуется использовать больше 1.

Ответ №2:

используйте фиксированную или абсолютную позицию…

попробуйте

 .class{
    position:absolute;
    right:0px;
} 
  

Ответ №3:

Что касается плавающего элемента за вашим контентом, попробуйте более высокий Z-индекс (как упоминалось выше), но имейте в виду, что если контент является Flash, вам нужно добавить параметр при вызове flash:

 yourSWFObject.addParam("wmode", "transparent");
  

Смотрите http://www.ozzu.com/website-design-forum/placing-div-over-flash-t25572.html для обсуждения этого.