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

HTML+CSS+JavaScript

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

 

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

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

тема: Верстка на DIV в три колонки (центральная фиксированная)
 
 автор: Петр   (11.06.2009 в 12:48)   письмо автору
17.6 Кб
 
 

Привет всем, подскажите, пожалуйста.
Верстка на DIV в три колонки.
Должно быть так:
- центральная колонка фиксированной ширины (800px), а боковые колонки должны занимать оставшее место в равных пропорциях, не зависимо от ширины окна и не определенного размера. Т.е. если ширина страницы 1600, то боковые колонки будут по 400px, а если окно будет шириной 900px, то боковые получатся по 50px (там не будет текста, только фон для широких экранов)

  Ответить  
 
 автор: Madman   (11.06.2009 в 17:57)   письмо автору
 
   для: Петр   (11.06.2009 в 12:48)
 

http://cssing.org.ua/2007/09/30/non-symmetric-site/

  Ответить  
 
 автор: Петр   (15.06.2009 в 07:31)   письмо автору
 
   для: Madman   (11.06.2009 в 17:57)
 

а что-нибудь попроще и красивее есть?

  Ответить  
 
 автор: mikha   (15.06.2009 в 09:25)   письмо автору
 
   для: Петр   (15.06.2009 в 07:31)
 

Может как то так?
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251" />
<style type="text/css">
<!--
body, html {
    background-color: #99CCFF;
    margin: 0px;
    padding: 0px;
    height: 100%;
}
#page {
    background-color: #FFFFFF;
    width: 800px;
    margin-right: auto;
    margin-left: auto;
    height: 100%;
}
-->
</style>
</head>
<body>
<div id="page">Содержимое для  id "page" здесь</div>
</body>
</html>

Нафига огород городить..

  Ответить  
 
 автор: PAT   (15.06.2009 в 10:21)   письмо автору
 
   для: Петр   (15.06.2009 в 07:31)
 

http://www.dynamicdrive.com/style/layouts/category/C10/

  Ответить  
 
 автор: Петр   (16.06.2009 в 06:17)   письмо автору
 
   для: PAT   (15.06.2009 в 10:21)
 

Это хороший материал, но там не совсем то, что нужно. Там правая колонка имеет ширину 20%, а надо, чтобы средняя имела заданную ширину (800px) и была по центру, а боковые колонки занимали оставшееся место и были равного размера. В зависимости от разрешения экрана.
Похоже без таблиц не разобраться, так как нужно быдет задавать отступ (margin) в процентак или пикселях

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

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