Уважаемые специалисты верстки. Вот столкнулся с эдакой проблемой - хоть волосы рви на голове. Кто знает, о чем идет речь, посоветует ссылку на решение, возможно, сразу.
IE6-7 добавляет по известной ему одному причине margin-bottom и для последующего элемента с float: left. Как обойти этот баг? Спасибо.
Код:
Код:
<!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>
<style type="text/css" rel="stylesheet">
h1 {
****margin: 50px 0px 50px 0px;
****padding: 0px;
****background: #c0c0c0;
}
div {
****float: left;
****height: 50px;
****width: 100px;
****background: gray;
****margin: 0px;
}
ul {
****clear: both;
****list-style-type: none;
****margin: 0px;
****padding: 0px;
}
</style>
</head>
<body>
****<h1>ЗАГОЛОВОК</h1>
****<div></div>
****- ********
- 1
********
- 2
********
- 3
****
</body>
</html>
В нормальном браузере:
[attachment=9164:ff.png]
В IE:
[attachment=9165:ie.png]
