позиционирование div
Вложений: 1
в пределах <fieldset> есть набор однотипных div все они расположены в столбик один под одним, кроме одного - который расположен справа- точнее в верхнем правом углу, это за счет установки свойства
float:right; все чудненько, а теперь вот необходимо под этим дивом установить еще один такой же, как я не мудровал с float, clear, ничего не получилось, они размещаются друг возле друга, а не один над другим, подскажите, пожалуйста, как сделать правильно. |
В див с float:left засунь 2 твоих дива и всё.
|
Точнее так:
<!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" xml:lang="en" lang="en">
<head>
<title>Без имени</title>
<meta http-equiv="content-type" content="text/html;charset=utf-8" />
<meta name="generator" content="Geany 0.17" />
</head>
<style type="text/css">
fieldset { width: 20em; height: 20 em }
.left { float:left; }
.right { float: right; }
.left .item { border: 1px solid green; margin: 5px; }
.right .item { border: 1px solid red; margin: 5px; }
.clear { clear:both; }
</style>
<body>
<fieldset>
<legend>test</legend>
<div class="left">
<div class="item">test 1</div>
<div class="item">test 2</div>
<div class="item">test 3</div>
<div class="item">test 4</div>
<div class="item">test 5</div>
</div>
<div class="right">
<div class="item">test 1</div>
<div class="item">test 2</div>
</div>
</fieldset>
</body>
</html>
|
ребята, большое спасибо, так и сделал.
|
| Часовой пояс GMT +3, время: 10:44. |