-
Есть следующий код:
Код:
<html>
****<head>
****<style><!--
****ul.category {float: left;width: 24%;}
****div#footer {clear: both; margin-top: 250px;}
****--></style>
****</head>
****<body>
****
<div id='container'>
****<div id='spisokcategory'>
*****<ul class='category'>
* *[*]Категория :
* *[*]Раздел #1
* *[*]Раздел #2
*****[/list]
****</div>
****<div id='footer'>
*
Нижний блок</p>
****</div>
</div>
****</body>
</html>
Очень интересно почему footer не реагирует на параметр margin-top в обозревателе FireFox, если не флоатить, то всё работает нормально.
-
Вот чего не знаю, того не знаю. ) Глюк, наверное, какой-нибудь... Или со схлопыванием полей что-нибудь... Опера, кстати, также себя ведет... Но если убрать clear: both – начинает вести себя так же, как и IE... Так что в данной конкретной ситуации я даже не берусь судить какой из браузеров не соответствует стандарту...
-
Я попробовал сделать так:
1) контейнеру прописал oveflow:hidden
работает везде, кроме 9ой оперы
2) после блока категории прописал div class="clear"
работает везде
-
garA
Да это-то понятно... ) Вариантов масса... Можно, например, контейнеру бордер прозрачный задать... Тоже вроде бы все начинает работать... Вопрос в том – почему все браузеры ведут себя по разному по умолчанию... В чем причина такого разнобоя и какой из браузеров в данном конкретном случае максимально соответствует стандартам...
-
Сдается мне, что тупит IE,
так как если бы блоки, были горизонтально, margin отсчитывался бы
у всех от края страницы, а не от конца float-блока.
Но вполне возможно, тупят все без исключения, но Ie больше всех
(ему не привыкать [Only registered and activated users can see links. Click Here To Register...] ).
-
{cursor: hand;} + FireFox = несовместимые вещи ?
-
cursor: hand – не бывает )
ну, или почти не бывает... бывает cursor: pointer;
