DR.acula

Спасибо, пригодилось) В том то и задумка что сделать это надо блоками, с таблицей я уверен что проблем бы не возникло)

вот и я уже тут весь день сижу и ничего лучше придумать не могу

посмотрите #vertical2{ min-height:100%; это присутствует но не помогает, и #vertical1{ height: 100%; я пробовал это у обоих рамок,которые по бокам, но это не срабатывает, может еще что можете посоветовать

пробовал, максимально что добился, так это растяжение рамок(1 и 3 div)по высоте экрана, а при скролле вниз рамки отсутствуют

Имеются 3 блока див, должны быть все вытянуты по вертикали. Во втором(среднем) весь контент, в 1 и 3 рамка которая должна вытянуться до конца страницы(а не окна). Помогите с вытягиванием этих рамок по вертикали Код: CSS #vertical1{ padding-right:115px; position: relative; float: right; height: 100%; background: url(photo/grmk.png) repeat-y; clear: right; } #vertical2{ min-height:100%; padding-left:115px; position: relative; float: left; background: url(photo/grmk.png) repeat-y; clear: left; } body { min-height:100%; background-size:100%; position:relative; background-attachment:fixed; background-color:#CD96CD; background-position:right bottom; } html { min-height:100%; } #content { padding-bottom: 100px; } HTML <div> <div id="vertical2">2312</div> <div id="content"> текст(больше высоты экрана,т.е. присутствуют скроллы) <div id="tab1"><p> <img class="imgleft" src="photo/f1.jpg"> <img class="imgright" src="photo/f2.jpg"> </div> </div> <div id="vertical1">1234</div> </div>

К сожалению не помогло( Спасибо, помогло. И в самом деле я как то не подумал о самом контейнере))

Всем доброго времени суток. Легкий вопрос на который я не могу найти ответ...Взял спрайт с кнопками и не могу эти самые кнопки разместить горизонтально,display:inline-block прогорел. Может это я что не так делаю? Ниже прилагаю код. CSS док: .button{ cursor:pointer; display:inline-block; height:55px; width:220px; line-height:70px; text-align:center; background-image:url('photo/sprite.png'); background-repeat:no-repeat; } .button.white{ background-position:0 12%; } .button.white:hover { background-position:0 66%; } хтмл: <div id="centerb"> <a href="index.html" title="Главная" class="button white">b1</a> <a href="kontacti.html" title="Контакты" class="button white">b2</a> </div> Заранее спасибо)