<!DOCTYPE HTML>
<head>
<title>Homepage</title>
<meta http-equiv="Content-Language" content="ru">
<meta http-equiv="Content-Type" content="text/html; charset=utf-32">
<link type="text/css" rel="stylesheet" media="all" href="style.css">
</head>
<body>
<div class = "container" id = "top">
<div class = "object" id = "LU">
</div>
<div class = "object" id = "CU">
</div>
<div class = "object" id = "RU">
</div>
</div>
<div class = "container" id = "middle">
<div class = "object" id = "LC">
</div>
<div class = "object" id = "CC">
</div>
<div class = "object" id = "RC">
</div>
</div>
<div class = "container" id = "bottom">
<div class = "object" id = "LD">
</div>
<div class = "object" id = "CD">
</div>
<div class = "object" id = "RD">
</div>
</div>
</body>
html, body
{
width : 100%;
height : 100%;
margin : 0;
padding : 0;
}
body
{
background: -moz-linear-gradient(bottom, #000000 0%, #3F3F3F 100%);
}
div.container
{
display : block;
position : relative;
text-align : center;
width : 100%;
height : 210px;
background-color : rgba(255, 255, 255, 0.1);
}
div.object
{
display : block;
position : relative;
width : 300px;
height : 210px;
background-color : rgba(255, 0, 255, 0.1);
border-width : 1px;
border-color : black;
border-style : solid;
}
Результат: http://img685.imageshack.us/img685/999/20032012215338.png Для Ъ: не идут в ряд, а по одному на «строку»-container, остальные накладываются сверху на следующие строки.
