0 Пользователей и 1 Гость просматривают эту тему.
  • 1 Ответов
  • 5094 Просмотров
*

poizon

  • Захожу иногда
  • 495
  • 187 / 1
  • Buu
По просьбе тов-ща vanadik
Смысл примера показать то, как подобное вообще делается.

Файл index.html
Код
<!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" />
<title>Untitled Document</title>
<link href="styles.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="maindiv">
 <div id="left">
  <div id="one">1</div>
  <div id="two">2</div>
  <div id="three">3</div>
 </div>
 <div id="right">
  <div id="four">4</div>
  <div id="five">5</div>
  <div id="six">6</div>
 </div>
</div>
 <div class="clr"></div>
</body>
</html>


Файл style.css
Код
body { margin:0px; }
.clr { clear:both; }

div#maindiv { width:100%; background:#999999; height:25px;  }

div#left, div#right { display:block; }
div#left { width:40%; float:left; }
div#right { width:50%; float:right; }

div#one, div#two, div#three, div#four, div#five, div#six { float:left; height:25px;  }
div#one { width:35%; background:#CCCCCC; }
div#two { width:45%; background:#FF00FF; }
div#three { width:20%; background:#FF9900;}
div#four { width:50%; background:#990000; }
div#five { width:34%; background:#99FF99; }
div#six { width:15%; background:#FFFFCC; }
« Последнее редактирование: 23.07.2008, 12:18:09 от poizon »
*

vanadik

  • Осваиваюсь на форуме
  • 22
  • 3 / 0
Re: Листинг 6ти колонок на div`ах
« Ответ #1 : 23.07.2008, 19:58:04 »
Теперь тема ясна, спс как говорится, и + в репу! ;)
Чтобы оставить сообщение,
Вам необходимо Войти или Зарегистрироваться