<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Untitled</title>
<style type="text/css">
.documents {
}
.document a {
background-image: url('m.png');
background-repeat: repeat-x;
padding-right: 20px;
padding-left: 20px;
}
.document .left {
background-image: url('lc.png');
width: 11px;
}
.document .right {
background-image: url('rc.png');
width: 10px;
}
.document a, .document .left, .document .right {
height: 30px;
float: left;
line-height: 27px;
}
.document {
clear: both;
margin-bottom: 10px;
}
</style>
</head>
<body>
<div class="documents">
<div class="document">
<div class="left"></div>
<a href="#">Документ1</a>
<div class="right"></div>
</div>
<div class="document">
<div class="left"></div>
<a href="#">Документ2</a>
<div class="right"></div>
</div>
<div class="document">
<div class="left"></div>
<a href="#">Документ3</a>
<div class="right"></div>
</div>
</div>
</body>
</html>
Спустя 2 дня, 9 часов, 14 минут, 56 секунд (31.03.2011 - 18:10) трамонтана написал(а):
ответ:
потому-что всё что внутри div.document имеет float: left
div.document{overflow:hidden} - спасёт мир
потому-что всё что внутри div.document имеет float: left
div.document{overflow:hidden} - спасёт мир
Спустя 2 дня, 2 часа, 29 минут, 29 секунд (3.04.2011 - 20:39) program90 написал(а):
трамонтана
А почему, если все элементы внутри div имеют float: left, то высота равна 0?
А почему, если все элементы внутри div имеют float: left, то высота равна 0?
Спустя 11 часов, 11 минут, 19 секунд (4.04.2011 - 07:51) Michael написал(а):
флоаты вынимаются из нормального потока.
Про clearfix почитай
Про clearfix почитай
Спустя 2 дня, 14 часов, 56 минут, 15 секунд (6.04.2011 - 22:47) program90 написал(а):
трамонтана
Michael
Спасибо
Michael
Спасибо