Листинг 6ти колонок на div`ах

По просьбе тов-ща 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; }

Листинг 6ти колонок на div`ах - Как сделать...

Новости Joomla

Что нового в joomla 5.1?

Добавление полей Joomla в результаты Умного Поиска при помощи JFilters

Вышел JoomShopping 5.4.0

poizon

Листинг 6ти колонок на div`ах

vanadik

Re: Листинг 6ти колонок на div`ах