Как переставить DIV-блоки по вертикали?

[alexxxus]

Добрый день.

Есть 2 div блока, идущие в верстке друг за другом и визуально расположены один над другим

<div>первый блок</div>
<div>второй блок</div>

Как добиться эффекта, чтобы не меняя порядок верстки, визуально эти блоки показывались наоборот

<div>второй блок</div>
<div>первый блок</div>

В случае замены правого блока на левый все просто - указываем очередность float:left и float:right.

А вот как сделать такое по вертикали? Пока идея крутится вокруг указания разных z-index,

с корректировкой визуального расположения блоков через margin/pedding, но может быть это делается проще?

Спасибо.

[afwollis]

jquery.before|after вам в помощь

[alexxxus]

Спасибо (плюсик поставил).

[AlexFisher]

какой z-index? Он порядок слоев указывает. Это немного "не то".

Решение от afwollis , как обычно, умиляет своей простотой. Особенно для человека, который два дива в шаблоне местами хочет поменять. =)

я-б css ковырнул на предмет расположения блоков. position:relative; и вперед.

С уважением.

[alexxxus]

какой z-index? Он порядок слоев указывает. Это немного "не то".

Решение от afwollis , как обычно, умиляет своей простотой. Особенно для человека, который два дива в шаблоне местами хочет поменять. =)

я-б css ковырнул на предмет расположения блоков. position:relative; и вперед.

С уважением.

Спасибо. Вот если бы еще примерчик реализации... Т.к не силен в CSS, сходу не разобрался :blink: