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

HTML+CSS+JavaScript

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

 

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

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

тема: Вопросы по ДИВной верстке!
 
 автор: Artemy   (03.04.2007 в 17:34)   письмо автору
 
 

Всем здрасти!
Сижу парюсь, немогу сообразить, как сделать следующее?
Из дивов сделать три колонки, все просто, левая и правая фиксовые, т.е. по 200px, а центральная резиновая(100%).

Пробую этот код, но что то не получается...:(


<style>
#leftColumn {
width:225px; 
float:left; 
}
#mainColumn {
margin:0px 225px;
}
#rightColumn {
width:225px; 
float:right; 
}
</style>
<div id="leftColumn"></div>
<div id="mainColumn"></div>
<div id="rightColumn"></div>

   
 
 автор: AlexSol   (03.04.2007 в 17:48)   письмо автору
 
   для: Artemy   (03.04.2007 в 17:34)
 

один из множества вариантов (наверно далеко не самый простой)

http://www.dynamicdrive.com/style/layouts/item/css-left-and-right-frames-layout/

   
 
 автор: Artemy   (03.04.2007 в 18:11)   письмо автору
 
   для: AlexSol   (03.04.2007 в 17:48)
 

Спасибо, но не подходит!
Я смотрел вот этот пример, http://www.code-sucks.com/css%20layouts/faux-css-layouts/.
Но он то же не подходит, т.к. средний столбец имеет фиксированный размер по ширине!

   
 
 автор: Organ   (03.04.2007 в 18:41)   письмо автору
 
   для: Artemy   (03.04.2007 в 18:11)
 


<html>
<head>
<style type="text/css">
* {
  padding: 0; margin: 0;
}
#leftcolumn {
  width: 200px;
  float: left;
}
#rightmain {
  margin-left: 200px;
}
#rightcolumn {
  width: 200px;
  float: right;
}
#main {
  margin-right: 200px;
  text-align: center;
}
</style>
</head>

<body>
  <div id="leftcolumn">
    LEFTCOLUMN
  </div>
  <div id="rightmain">
    <div id="rightcolumn">
      RIGHTCOLUMN
    </div>
    <div id="main">
      MAIN 
    </div>
  </div>
</body>

</html>

   
 
 автор: AlexSol   (04.04.2007 в 10:07)   письмо автору
 
   для: Organ   (03.04.2007 в 18:41)
 

немного промахнулся ссылкой.
http://www.dynamicdrive.com/style/layouts/category/C10/

   
 
 автор: Artemy   (04.04.2007 в 10:46)   письмо автору
 
   для: AlexSol   (04.04.2007 в 10:07)
 

Всем большое спасибо! :)

   
Rambler's Top100
вверх

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