Показать сообщение отдельно
  #1 (permalink)  
Старый 11.02.2012, 22:02
Новичок на форуме
Отправить личное сообщение для tempofnick Посмотреть профиль Найти все сообщения от tempofnick
 
Регистрация: 11.02.2012
Сообщений: 2

Как организовать скрытие блока при уменьшении окна?
Пример - google. ru/nwshp?ned=ru

<style  type="text/css">
html, body {height: 100%;}
.wrap {
width:100%;
min-width:1000px;
min-height:100%;
margin:0;
padding:0;
overflow-x:hidden;
}
   .outer {
   margin:0 200px 0 200px;
   zoom:1;
   }
   .outer:after {
   content:'';
   clear:both;
   display:block;
   overflow:hidden;
   height:0;
   }
       .boxCL {
       float:left;
       width:100%;
       zoom:1;
       }
       
           .centerCol {
           float:right;
           width:100%;
           zoom:1;
           }
           .leftCol {
           background:#FFFFCC;
           float:left;
           width:160px;
           padding:20px;
           position:relative;
           margin-left:-200px;
           zoom:1;
           }
       .rightCol {
       background:#CCFFFF;
       float:right;
       width:160px;
       padding:20px;
       position:relative;
       margin-right:-200px;
       zoom:1;
       }
</style>

<body>
<div class="wrap">
   <div class="outer">
       <div class="boxCL">
           <div class="centerCol">меню</div>
           <div class="leftCol">контент</div>
       </div>
       <div class="rightCol">скрыть если окно меньше 900px</div>
   </div>
</div>
</body>
Ответить с цитированием