Помогите с адаптированным дизайном

[Michael Myers]

Решил идти в ногу со временем и сделать адаптивный дизайн. Вот возникают сложности. Помогите, пожалуйста!

Проблема в том, что блог .archieve лезет вправо. Устанавливаю высоту, но он сначала встает нормально, а потом начинает опять съезжать.(Смотреть надо на экране большем 860px. Блок, где написано "архив блога"). Вот ссылка, где можно взять остальной html и css. http://87.237.116.73/blog/index.html

P.S. Те, кто разбирается в адаптивном, оцените еще пожалуйста саму верстку.

.archieve{
background-color: black;
color: olive;
padding-top: 3%;
border: 1px black solid;
}
.side_bar{
	 border: none;
	 padding-top: 3.5%;
	 background: white;
	 max-height: 70%;
	 height: 70%;
	 float: right;
	 width: 30%;
}
.main{
	 border: none;
	 background: url(main-bg.gif);
	 float: left;
	 width: 70%;
	 max-height: 96.4888%;
	 height: 96.4888%
}

Заранее спасибо

resource://jid1-cxafu9ddh0q8gq-at-jetpack/y-translate/data/ajax-loader.gifсложностиof[aggro] уличная драка, беспорядки, неприятности

<img id="y-t-loader" style="display: none;" />] -

[возникают] - there

Edited May 12, 2013 by Michael Myers

[Daiver]

Вот ссылка, где можно взять остальной html и css.

Ссылка потерялась при пересылке.

[Michael Myers]

Совсем забыл про clear.

.archieve решил положить в side_bar. Но проблема теперь в том, что я ему пишу для .main, .side_bar{ height:80%;}. А он ничего не делает. Какую бы высоту я не ставил. Хотя если поставить в px то ставиться.

<img id="y-t-loader" style="display: none;" />

[] -

[klierik]

высота в % значении возвожна лиш в том случае, если родитель имеет фиксированную высоту, заданную в px (pt, em, rem, прочее).

я рекомендую вникнуть в то, как подобная технология реализована в http://twitter.github.io/bootstrap/scaffolding.html#responsive

[Michael Myers]

высота в % значении возвожна лиш в том случае, если родитель имеет фиксированную высоту, заданную в px (pt, em, rem, прочее).

я рекомендую вникнуть в то, как подобная технология реализована в http://twitter.githu...html#responsive

Я ставил body 1000px. Он вообще не реагирует.

<img id="y-t-loader" style="display: none;" />

[] -

[klierik]

если на body стоит высота 100px, то только первое вхождение дочерних элементом будет реагировать на значание высоты, а не вся иерархие, естественно.

[Michael Myers]

у меня стоит теперь 1700px. И теперь точно туда все элементы страницы входят.

<img id="y-t-loader" style="display: none;" />

[] -

[klierik]

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

[Michael Myers]

Да, вы были правы. Я забыл просто у wrap поставить 100%.

Спасибо!

<img id="y-t-loader" style="display: none;" />

[] -