Как сделать левый блок посередине страницы? (не экрана)

[nikki4]

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

Есть страницы с очень длинным текстом.

В результате реклама совсем не видна почти.

Плавающие блоки запрещены адсенсом.

Потому думаю следует разместить левый блок рекламы (lsb) посередине страницы.

Т.е. высота страницы 1000px, значит блок разместить на 500 px и так в зависимости от размера контента. пробовал писать всякие top:50%, margin-top:50% но как-то работает все не корректно...

 

 

Сайт имеет следующую структуру

<div id="wrapper"><div id="header"></div><div id="menu"></div><div id="lsb"></div><div id="content"></div><div id="footer"></div></div>

#wrapper {    margin: 0 auto;    width: 500px;    background:blue;}#header {    background: yellow;    height: 50px;    width: 400px;    margin-left:100px;}#menu {    background: green;      height: 30px;    margin-left:100px;    padding: 0;    width: 400px;}#lsb {    float: left;    position: relative;    background:black;    width:100px;    height:100px;}#content {          background: pink;      margin-left: auto;      width: 400px;      height:400px;}#footer {    background: gray;    float: left;    height: 40px;    margin-left: 100px;    width: 400px;}

Онлайн редактирование

http://codepen.io/anon/pen/YXNKMR

 

 

 

 

[Switch74]

Попробуйте следующее:

#wrapper {    position:relative;    margin: 0 auto;    width: 500px;    background:blue;}#lsb {    position:absolute;    top:50%;    background:black;    width:100px;    height:100px;}