Странная проблема с боковой панелью CSS

Вот этот сайт под вопросом

У меня есть боковая панель, работающая на любой другой странице сайта, кроме этой; все страницы имеют одинаковый шаблон. Боковая панель прямо сейчас делает старый "перейти под содержание".

Когда я пытаюсь изменить его положение в Firebug на что угодно, но не относительное, а затем изменить его обратно на относительное, оно отлично возвращается на свое место. Однако изменения, которые я сделал в коде, ничего не делают.

Проблема начала появляться, когда я добавил видео в посты.

Есть какие-то идеи, помимо быстрого изменения позиционирования с помощью Jquery?

6 ответов

Решение

Держите боковую панель там, где она была (ниже <div id="left">) и просто измените одно правило CSS и добавьте другое:

/* layout.css Line 310 */
#content {
  display: block; /* Changed from 'table' */
  overflow: hidden; /* Keeps 'left' and 'sidebar' from overflowing
}

Проверено на работу: Firefox 2.0 Win, 3.0 Mac/Win, 3.5 Mac; Сафари 4; IE6, IE7, IE8; Chrome 3 Win

Что происходит при удалении position:relative от #content? Также я могу продублировать проблему на FF3.0.17 XP

Попробуйте переместить разметку боковой панели перед разметкой содержимого.

Вы пытались установить высокий z-индекс?

Это выглядит как position:relative на #sidebar это то, что напортачило. Попробуйте изменить это на position: static на боковой панели идентификатор.

У вас есть несколько закрывающих тегов: [Неверно] Проверка разметки reneewarren.com/category/blog/ - W3C Valid Validator. И попробуйте использовать плагин для корректной вставки flash: WordPress ›Kimili Flash Embed" Плагины WordPress.

Другие вопросы по тегам