#primary div отключение #secondary div в Chrome

Question

У меня странная ошибка в Chrome, которая влияет на страницу в Wordpress.

Я использую слегка модифицированную дочернюю тему Wordpress Twenty Eleven . Единственная модификация в основном только CSS , и она содержит в основном только цвета / размеры.

Моя проблема, однако, заключается в том, что если я вставлю виджет списка категорий , то весь # вторичный div станет неотключаемым , пока первичный div # не закроется вертикально . Это происходит только в Chrome, с Firefox все в порядке.

Можете ли вы взглянуть и сказать мне, что не так? Я думаю, что нет ничего плохого в детской теме, и все же, эта ошибка довольно серьезна. Как вы думаете, это ошибка, связанная с Webkit, или просто что-то не так с HTML / CSS?

Живой сайт

Answer 1

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

Я бы сделал макет более исправленным, внеся изменения в CSS следующих элементов:

#primary {
float: left;
width: 700px;
margin-right: 25px;
}

#content {
margin: 0 34% 0 7.6%;
width: 600px;
}

#secondary {
float: right;
width: 200px;
}

Это не полное решение, но начало.

Answer 2

Решение было удалить

#main {
  min-height: 1000px;
}

как это вызвало ошибку в Google Chrome.

Я до сих пор не понимаю, почему это происходит, но теперь, удалив его, оно работает!

Answer 3

Я посмотрел ваш html-код и обнаружил, что если вы измените ширину #primary на 70%, ссылки на #secondary смогут кликать. Я думаю, может быть, это что-то вроде того, как webkit отображает страницу. Вы можете проверить, работает ли он и не работает ли он в других браузерах