Форум: Форум PHPФорум ApacheФорум Регулярные ВыраженияФорум MySQLHTML+CSS+JavaScriptФорум FlashРазное
Новые темы: 0000000
MySQL 5. В подлиннике. Авторы: Кузнецов М.В., Симдянов И.В. PHP 5/6. В подлиннике. Авторы: Кузнецов М.В., Симдянов И.В. C++. Мастер-класс в задачах и примерах. Авторы: Кузнецов М.В., Симдянов И.В. Самоучитель PHP 5 / 6 (3 издание). Авторы: Кузнецов М.В., Симдянов И.В. Программирование. Ступени успешной карьеры. Авторы: Кузнецов М.В., Симдянов И.В.
ВСЕ НАШИ КНИГИ
Консультационный центр SoftTime

HTML+CSS+JavaScript

Выбрать другой форум

 

Здравствуйте, Посетитель!

вид форума:
Линейный форум Структурный форум

тема: Сверстать трехполосный дизайн - разметка с тремя колонками!
 
 автор: Yustys   (26.10.2009 в 20:30)   письмо автору
 
 

Здравствуйте. Подскажите пожалуйста - как дивами сверстать такой трехполосный дизайн - чтоб левый и правый блок был фиксированного размера в 200 пикселей - а центральный блок - изменялся в размере в зависимости от размера окна браузера - то есть был "резиновым". Все же три блока должны занимать 95 % страницы по ширине..... по высоте - должны быть резиновыми.

  Ответить  
 
 автор: Саня   (27.10.2009 в 00:00)   письмо автору
 
   для: Yustys   (26.10.2009 в 20:30)
 

http://blog.html.it/layoutgala/ — вот тут хороший список раскладок. Вам нужны n.13 или n.14.

  Ответить  
 
 автор: DJ Paltus   (27.10.2009 в 00:09)   письмо автору
 
   для: Yustys   (26.10.2009 в 20:30)
 

Уже на всё рецепты готовые есть. )
Вот мой вариант:

<html>

<head>
  <title></title>
   <style>
      body, html{
          height: 100%;
          margin:0;
          }
      #left, #right{height:100%; width:200px;}
      #left{
        position:absolute;
        left:0;
        top:0;
        background-color:#BCF8B1;
      }
      #right{
        position:absolute;
        right:0;
        top:0;
        background-color:#FAAFB1;
    }
    #center{
        position:absolute;
        left:200px;
        top:0;
        height:100%;
        width:100%;
        padding: 0 200px 0 0;
        background-color:#FCF4AD;
      }
    #fr{
        position:relative;
        width:95%;
        height:100%;
        overflow:hidden;
    }
    div{text-align:left;}
  </style>
</head>

<body>
<center>
<div id=fr>
    <div id=center>Центральный</div>
    <div id=left>Левый</div>
    <div id=right>Правый</div>
</div>
</center>
</body>

</html>

  Ответить  
 
 автор: Yustys   (27.10.2009 в 16:22)   письмо автору
 
   для: DJ Paltus   (27.10.2009 в 00:09)
 

Спасибо.. справился с задачей)

  Ответить  
Rambler's Top100
вверх

Rambler's Top100 Яндекс.Метрика Яндекс цитирования