Как поменять местами два блока средствами CSS ?

[Kelenar]

В процессе работы возникла проблема. Есть код в духе:

<div id="content">

<div id="menu">Меню</div>

<div id="login">Логин</div>

<div id="baner">Банер</div>

</div>

Не имею доступа к HTML коду, только CSS.

Надо поменять местами блок "menu" и блок "login" средствами CSS, с таким расчетом что бы при назначении блоку "menu" свойства display: none. нижележащий блок "baner" корректно поднимался вверх под блок "login".

[glotta]

В процессе работы возникла проблема. Есть код в духе:

<div id="content">

<div id="menu">Меню</div>

<div id="login">Логин</div>

<div id="baner">Банер</div>

</div>

Не имею доступа к HTML коду, только CSS.

Надо поменять местами блок "menu" и блок "login" средствами CSS, с таким расчетом что бы при назначении блоку "menu" свойства display: none. нижележащий блок "baner" корректно поднимался вверх под блок "login".

Если высота блока Login не динамическая то можно сделать так

#content{padding-top:30px; position:relative;}/* 30px - высота блока Login */

#login{height:30px; position:absolute; top:0px; left:0px;}

[Kelenar]

Спасибо, все работает!