здравствуйте
нужен совет. переделываю F8 Lite тему под себя,
и никак не могу понять почему блок с sidebar
в разделах висит как надо
http://helen.edu.ee/blog/oppetoo/
а на главной болтается внизу
http://helen.edu.ee/blog/
ведь у блоков с текстом одинаковый стиль
заранее спасибо
вопрос не имеет смысла – на главной странице картинки в начале блога растягивают див conteiner-inner слишком широко и сайдбару не хватает места в главном диве conteiner. удивительно что вы задаете этот вопрос – ведь ответ очевиден.
я ужал post до 500px
.post {display:block;clear:none;width:500px;float:left;border:1px solid #000;padding: 0px 0px 25px 0px;}
сайдбар до 200рх
#inside-widgets {margin:4em 0;float:left;width:200рх;border:1px solid #000;}
conteiner-inner растянул до 1000рх
он как был так и остался внизу. где-то в другом месте зарыта собака
именно в этом – уберите картинки и все станет нормально.
затем начните экспериментировать с размерами вставляемых картинок.
и что толку ужимать пост, если картинки у вас чисто визуально куда больше 500px?
они ведь не в диве поста выводятся.
убирал картинки и уменьшал. все-равно внизу.
разбираюсь где еще может быть собака.
тем не менее спасибо за участие.
upd: я разобрался. оказалось нужно было посты собрать в еще один блок.
Для "плавающих" float-блоков поведение абсолютно правильное.
Теперь конкретика.
На странице http://helen.edu.ee/blog/oppetoo/ "плавающие" блоки .post и .inside-widgets идут друг за другом и выстраиваются с выравниванием слева, т.е так как нужно.
А на странице http://helen.edu.ee/blog/ друг за другом идут блоки .post. Т.к. ширина .post не умещаются в контейнер, то .post переносяться. После всех "плавающих" блоков .post идет .inside-widgets, который выстраивается слева после последнего блока .post.
Как исправить?
Все блоки .post поместить в контейнер , сделать его "плавающим" (float:left) и указать явно ширину (width). После этого контейнера блок .inside-widgets "поднимется" вверх.
спасибо. ты гений.