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

[Rudi]

Помогите пожалуйста вывести один блок под другим, но по коду они должны располагаться наоборот, например:

код:

<div class="1">текст1</div>

<div class="2">текст2</div>

а на странице они должны отображаться так:

текст2

текст1

[Gaspode]

Нарисуйте, как должно быть.

[Rudi]

Вид должен быть примерно такой:

а по коду так:

<div class="1">текст1</div>

<div class="2">текст2</div>

Т.е можно ли в css сделать чтобы эти дивы менялись местами на странице?

[psywalker]

Нижний абсолют, а у верхнего остууп верхний на высоту нижнего.

[Gaspode]

Нужно первый из потока выкинуть и сместить вниз. Например, так:

div.wrap {
   position: relative;
}
div.d1 {
   position: absolute;
   top: высота_второго_блока;
   width: 100%;
}

<div class="wrap">
    <div class="d1">Текст 1</div>
    <div class="d2">Текст 2</div>
</div>

PS Что за дикая подсветка в коде о_О?

Edited August 25, 2011 by Gaspode

[Rudi]

а если высота блоков не известна? т.е. может меняться?

[psywalker]

а если высота блоков не известна? т.е. может меняться?

тогда вроде только JS.

[Rudi]

ясн, пасиб, а примеров на js нет ни у кого?

[psywalker]

ясн, пасиб, а примеров на js нет ни у кого?

А ты вообще пробовал сам что-то делать?

[SelenIT]

Возможно, пригодится http://tanalin.com/articles/css-block-order/ (см. тж. комменты)