Блог

Решено: пришлось переместить #main div, плюс довольно много других серьезных изменений в структуре. Но переворотом стал float.

Сайт, о котором идет речь, можно просмотреть по http://thepremium.ca/amodestblog

Проблема в том, что мне нужно, чтобы #main div имел видимое переполнение, чтобы показывать разделы date, которые расположены слева, за пределами видимого div.

Если я установлю переполнение (которое в данный момент скрыто) Я теряю цвет фона, потому что div уменьшается примерно до 20 пикселей в высоту. 100% не работает.

Я проследил это до проблемы с #wrapper div, который также не достигает 100% высоты, которая ему назначена, что не имеет большого смысла, потому что #wrapper-background div, внутри которого он находится, принимает полную высоту браузера, наряду с и

Надеюсь, кто-нибудь сможет придумать решение для этого. Пожалуйста, просмотрите исходный код на самом сайте, у меня слишком много разных css-файлов (с использованием тематической темы WordPress), чтобы поместить все разные css сюда.

Это небольшой взлом, но вы могли бы изменить div на передней панели ленты на фиксированное положение, а затем использовать left и top, чтобы расположить div там, где вы хотите.

 .dateRibbon .ribbon-front {
  background-color: #84C036;
  height: 55px;
  position: fixed;
  width: 71px;
  z-index: 2;
  top: 50;   // You'd have to work out what the exact values should be.
  left: 70; 
}
  

В противном случае я бы реструктурировал страницу, чтобы убедиться, что лента даты не является дочерним элементом #main div.