Вот, проверил на FireFox3 и IE7, других нету. Посмотреть в действии код можно тут. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251" /> <title>Пример</title> <style type="text/css"> html, body { height: 100%; } body { margin:0; padding:0; background: #E8E8E8 url(images/body_background.png) top center repeat-x; } /*Font*/ body, table { font-size:100%; font-family: Tahoma, Verdana, Arial, Helvetica, Sans-serif; color:#3D3D3D; } a:link {text-decoration: underline; color:#EA7948;} a:visited{text-decoration: underline; color:#752D2D;} a:active {text-decoration: underline; color:#EA7948;} a:hover{text-decoration: underline; color:#EA7948;} #page-container { width:80%; min-width: 972px; width: expression(document.body.clientWidth > 972 ? "80%" : "972px"); height:100%; margin:0 auto; padding:0; background: #FFF; } #page-content { float: left; width:100%; height:100%; background:white; } #page-body-left { float: left; position:relative; margin-left: -32px; width:32px; height:100%; background:#E8E8E8 url(images/body_bright_left.png) top right repeat-y; } #page-wing-left { width:100%; height:315px; background:#E8E8E8 url(images/wing_left.png) top right no-repeat; } #page-body-right { float: right; position:relative; margin-right: -32px; width:32px; height:100%; background:#E8E8E8 url(images/body_bright_right.png) top left repeat-y; } #page-wing-right { width:100%; height:315px; background:#E8E8E8 url(images/wing_right.png) top left no-repeat; } .clear { clear: both; } </style> </head> <body> <div id="page-container"> <div id="page-body-left"></div> <div id="page-body-right"></div> <div id="page-content"> <p><img src="images/logo.png" alt="logo" width="284" height="94" /></p> </div> <div class="clear"></div> </div> </body> </html>
