Подскажите с версткой

L
На сайте с 17.05.2013
Offline
88
307

Есть два блока:

<div id="first_block"><h1>H1 on page</h1> PAge description</div>

<div id="second_block">TExt, ul, <b>, <p></div>

Как сделать таким образом, чтобы в хтмл коде эти блоки шли так как сейчас, а в браузере вначале выводился второй блок, а потом первый. По ширине они одинаковы, высота плавающая в зависимости от страницы

Desesperada
На сайте с 11.10.2010
Offline
77
#1

если в зависимости от страницы, то как вариант один прилепить fixed к верху, другой к низу. Но опять же от вашего дизайна зависит

Создание/наполнение сайтов ICQ 7860919 Принимаю предзаказы на сателлиты/гс в индексе
L
На сайте с 17.05.2013
Offline
88
#2

А как это на примере?

Я думал что там нужно задать для второго блока что-то типа margin:-высота первого блока. Только как ее узнать..?

Jor
На сайте с 23.06.2012
Offline
42
Jor
#3

HTML:

	
<div id="container">
<div id="one">
<div class="block">Первый блок</div>
</div>
<div id="two">
<div class="block">Второй блок</div>
</div>
</div>

CSS:


#container {
display: table;
}
#one {
display: table-footer-group;
background: PaleGreen;
}
#two {
display: table-header-group;
background: SkyBlue;
}
.block {
width: 300px;
padding: 7px;
}

Результат:

png Capture.png
L
На сайте с 17.05.2013
Offline
88
#4

Спасибо! Круто получилось.

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий