Да вглянуть-то можно. ) Только я сейчас как раз пытаюсь адаптировать его под max-width (ну, чтобы контент вверху + max-width + чтобы в IE6 глюков не было). Честно говоря, у этого способа и без max-width небольшой глюк в IE6 есть. Проявляется он при использовании min-width (а уж без этого свойства в наше время просто никак) – если включается скрипт на min-width (горизонтальный скролл), то при обновлении окна браузера правая колонка попросту пропадает...
Код:<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <title>Центр - Левая - Правая</title> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <style type="text/css"> * {margin: 0px; padding: 0px;} html {background: url(img/bgleft.gif) #CCFFFF repeat-y; height: 100%;} body {background: url(img/bgright.gif) repeat-y right top; min-width: 776px; min-height: 100%; position: relative;} * html body {height: 100%;} #header {background: #FFFF99; height: 100px;} #content {width: 100%; padding-bottom: 70px; overflow: hidden;} #outer1 {margin: 0px 200px 0px 150px;} #outer2 {width: 100%; float: left;} #main {width: 100%; float: right;} #news {width: 150px; margin-left: -150px; float: left; position: relative;} #present {width: 200px; margin-left: -200px; float: right; position: relative; right: -200px;} #footer {background: #66FFCC; width: 100%; height: 70px; position: absolute; bottom: 0px;} * html #footer {bottom: -1px;} </style> <script src="js/minmax.js" type="text/JavaScript"></script> </head> <body> <div id="header">Заголовок</div> <div id="content"> ****<div id="outer1"> *<div id="outer2"> *****<div id="main">Контент</div> *****<div id="news">Новости</div> *</div> *<div id="present">Презентация</div> ****</div> </div> <div id="footer">Футер</div> </body> </html>
