Viento

это да

в смысле?

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

понял спасибо! заказчика нет - для себя делаю.

ок. пасиб а как можно тремя то дивами? я ж говорю, я не верстальщих. как догадался, так и сделал. буду рад оптимизировать.

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

не понял, какая картинка резиновая у меня? JavaScript пытался применять. но, честно говоря, не получается. не могу понять, с какой стороны подойти к этому делу. ЧТО нужно изменять по высоте КАКУЮ высоту указывать..

к сожалению в личку не получается. прав нет ну да, картинками и сделано. в каждом ДИВ - углы и стороны "листа".

ssdfd

здравствуйте! несколько дней бьюсь над следующей проблемой: в нижеприведенной разметке, когда контент короткий (1 строка на моем мониторе) после футера остается пустое место до нижнего края монитора. <div id="header"> <div id="logo"> <a href="" title=""><img src="" width="114" height="80" alt="" /></a> </div> <div id="topmenu"> <div><a href="" title=""><img src="" width="32" height="32" alt="" /></a> <a href="" title=""><img src="" width="32" height="32" alt="" /></a> <a href="" title=""><img src="" width="32" height="32" alt="" /></a></div> </div> </div> <div id="header2"> <div id="menu"> <ul> <li class="first"><a href=""></a></li> <li><a href=""></a></li> <li><a href=""></a></li> <li><a href=""></a></li> <li><a href=""></a></li> </ul> </div> <div id="splash"></div> </div> <hr /> <div id="page"> <div id="content"> <div> <h1 class="title"></h1> <div> <div style="background: url(images/left.jpg) repeat-y top left;"><div style="background: url(images/up.jpg) repeat-x top left;"> <div style="background: url(images/right.jpg) repeat-y top right;"><div style="background: url(images/down.jpg) repeat-x bottom left;"> <div style="background: url(images/left_upper.jpg) no-repeat top left;"><div style="background: url(images/right_upper.jpg) no-repeat top right;"> <div style="background: url(images/right_lower.jpg) no-repeat bottom right;"><div style="background: url(images/left_lower.jpg) no-repeat bottom left;"> <div class="content"> <p>Контент</p> </div> </div></div></div></div></div></div></div></div> </div> </div> </div> <div style="clear: both; padding: 0; margin: 0;"> </div> </div> <div id="footer-wrapper"> <div id="footer"> <p id="legal">© 2010 <a href="" title=""><strong></strong></a> Все права защищены.</p> <p id="links"><a href="">О проекте</a> | <a href="">Контакты</a> | <a href="">Правила</a></p> </div> </div> собственно вопрос: как сделать, чтобы вот этот <div class="content"> занимал все оставшееся место на экране после шапки и футера сайта? если контента мало, чтобы после футера не было пустого пространства. 8 вложенных <div style="background: url... рисуют обрамление контентного блока в виде листа бумаги. п.с. прошу прощения, если невнятно объяснил. я сам не верстальщик, а программист.