CSS проблемка

Вопросы
Верстаю шаблон для своего сайта, сделал меню (Топики| Блоги | Люди |) сайдбаром слева. Но проблема в том, что после того, как левый сайдбар заканчивается таблица контента съезжает на его место. Как выровнять таблицу контента, чтобы она была в своем столбике, а на месте сайдбара просто пустое место. Вот скрин:

Ах, да мучаю шаблон developer-jquery

Скрин:


Код #containt и #leftbar (мой сайдбар)

#content 	{ width: 70%; float: left; padding: 0 15px 15px 15px; background: #fff;  
}


#leftbar {float: left; width:15%;
 
 background: #f4f4f4;
 -moz-border-radius: 4px;
 border-radius: 4px;
padding: 5px 5px 5px;
 text-shadow: 0 1px 0 #fff;
 line-height: 1.5;
 margin-right: 20px;
}

10 комментариев

avatar
что то как то сложно понять в чем беда :) можно на пример глянуть?
avatar
Вот видите, где красным выделено? Так вот, проблема в том, что топик под названием «Первый пост» уехал на лево, а мне хотелось бы, чтобы он был по центру, независимо от того, закончился левый сайдбар или нет.

wight: 100%; не помогает(
avatar
все равно не понятно :))

возможно переборщили с float, а может закрывающийся тэг не поставили. Так сложно сказать.
avatar
Если что там вообще верстка дивами и слово таблицы неуместно.
А вообще я тоже не понял в чем проблема
avatar
Вот пример — pokercashteam.ru/ls

Есть левый sidebar, где меню — Топики, блоги и т.д. Прокрутите вниз и увидите, что после того, как заканчивается этот сайдбар сразу же ниже него идет пост под названием «Первый пост». Так вот, нужно, чтобы посты, которые пойдут ниже не обтекали сайдбар, а были именно по центру, как, например, самый первый пост. Пусть, когда сайдбар заканчивается там будет пустое место слева, а не пост, который в итоге встаёт на место сайдбара… ну как то так, не знаю как еще объяснить
avatar
Возможно для блока #content вам надо прописать отступ слева

#content{ 
    width: 70%; 
    float: left; 
    padding: 0 15px 15px 15px; 
    background: #fff;
    margin-left: 35%;  
}


а лучше дайте ссылку на проект, так сложно что-то сказать.
avatar
ссылку в коментарии выше оставил
avatar 
.topic {
    margin: 0 0 50px 125px;
    overflow: hidden;
}
avatar
Жаль не хватает рейтинга, спасибо помогло!
avatar
с плавающими блоками надо осторожно. в вашем случае лучшее решение на мой взгляд:
— левый блок {float: left}
— правый блок: {float: right}
— центральный блок {margin-left: «ширинав левого блока»}
Только зарегистрированные и авторизованные пользователи могут оставлять комментарии.