-
Профессионалы, подскажите, где копать? Я пока даже не знаю, как верно эту проблему скормить гуглу.
В двух словах. Есть список. Все пункты плавающие float left. После "очистки" clear left все пункты должны начинаться "с новой строки" и дальше следовать на одном уровне. В IE6-7 после "очистки" блоки все равно лезут вверх. Как это лечить? Спасибо.
[attachment=9077:test.png]
Код:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<style type="text/css" rel="stylesheet">
ul {
****list-style-type: none;
****margin: 0px;
****padding: 0px;
}
li {
****float: left;
****margin: 1px;
****background: gray;
****width: 50px;
****height: 50px;
****color: white;
****line-height: 50px;
****text-align: center;
}
.clear {
****clear: left;
}
.tall {
****height: 100px;
}
</style>
</head>
<body>
- ****<li class="clear">0
****<li class="tall"> 1
**** - **************2
****<li class="clear">3
**** - **************4
**** - **************5
</body>
</html>
-
Боюсь, что при наличии пунктов списка различной высоты кроссбраузерной удачи здесь не видать. Свойство clear очень часто воспринимается ослами весьма неадекватно.
