ideal_gordi

Идеал Gordi. [ Left-Content ]


   html

         <body>
             <div id="middle">
                 <div class="wrap">
                     <div class="content">...</div>
                     <div class="left">...</div>
                 </div>
             </div>
         </body>

   css

  * {margin:0;padding:0;}
  html,body {height:100%;}
  #middle {
    background-color:#aaa;margin:0 auto;min-width:810px;max-width:960px;min-height:100%;
  }
  #middle,.content,.left,.right {position:relative;overflow:hidden;}
  .wrap {margin:0 0 0 201px;height:100%;}
  .content,.left {float:left;margin-bottom:-32767px;padding-bottom:32767px;}
  .content {background-color:#fff;margin-right:-100%;width:100%;}
  .left {background:url(left.png) repeat-y #eee;left:-201px;width:200px;}
  *html #middle {width:expression(
    (document.compatMode && document.compatMode == 'CSS1Compat') ?
    (document.documentElement.clientWidth < 810 ? "910px" :
    (document.documentElement.clientWidth > 960 ? "960px" : "auto")) :
    (document.body.clientWidth < 810 ? "910px" :
    (document.body.clientWidth > 960 ? "960px" : "auto")));
  }
  *html #middle {overflow:visible;height:100%;}

Минимальная вертикальная прокрутка, вызвана горизонтальными border-ами