Ntcvn: различия между версиями

Материал из Radix-IT
(Новая страница: «.wrap { position: relative; } .navigation { height: 100%; max-height: 1000px; position: absolute; border-left: 1px solid #000; right: 0; top: 0; width: 150px; background-color: #ccc; } .content { margin-right: 150px; float: left; height: 1000px; background: #fcfcfc; width: 100%; } .header { background-color: #333; height: 100px; } .footer { background-color: #333; height: 500px; } <div class="header">Шапка</div> <...»)
 
Нет описания правки
Строка 31: Строка 31:
   height: 500px;
   height: 500px;
}
}
<div class="header">Шапка</div>
<div class="wrap">
  <div class="content">
    <div>Контент</div>
  </div>
  <div class="navigation">
    <div id="main">
      <div>Сайдбар</div>
    </div>
  </div>
  <div style="clear: both;"></div>
</div>
<div class="footer">Подвал</div>

Версия от 12:30, 12 августа 2024

.wrap {

 position: relative;

}

.navigation {

 height: 100%;
 max-height: 1000px;
 position: absolute;
 border-left: 1px solid #000;
 right: 0;
 top: 0;
 width: 150px;
 background-color: #ccc;

}

.content {

 margin-right: 150px;
 float: left;
 height: 1000px;
 background: #fcfcfc;
 width: 100%;

}

.header {

 background-color: #333;
 height: 100px;

}

.footer {

 background-color: #333;
 height: 500px;

}