Как сделать, чтобы сайдбар был по центру контента?

[nikki4]

Здравствуйте.

С такой вот задачкой столкнулся - как сделать, чтобы сайдбар был по центру контента?

Дело в том, что на сайте есть очень длинные тексты. Вот надо чтоб в центре была реклама в сайдбаре например.

 

Структура сайта

<div id="wrapper"> <div id="header"></div> <div id="sidebar"></div> <div id="content"></div></div>

стиль сайдбара

#sidebar {    background:blue;    width:160px;    height:600px;    float: left;    left: -50px;    position: relative;    top: 45%;}

если писать в файрбаге top:xx%; то нормально блок уезжает куда надо.

но когда в css файл сайта это пишу, то ничего не происходит и он как распологался сверху, так и остается..

 

в чем дело, и как его сделать плывущим, что если текст длинный, то пускай будет в середине?

Edited February 19, 2014 by nikki4

[klierik]

а можно картинкой?

[CroaToa]

закройте сначала блок wrapper

[iKNG]

И почитайте контент по 2 и 1 ссылке в подписи klerik

Edited February 18, 2014 by iKNG