Очередные буги ИЕ или я туплю??

All87 · 20.03.2007, 18:57

Всем привет
Такой вот буг встретил я и немогу понять чей он - мой или осла
вот такой вот простой код:

Код:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
</head>

<body>
<DIV style="FLOAT: left; border:1px solid #000;">
TOP
</DIV>

<DIV style="DISPLAY:none; FLOAT:left; HEIGHT:40px">
</DIV>

<DIV style="background-color:#000; FLOAT: left; WIDTH: 100%; HEIGHT: 75px; color:#fff;">
</DIV>

</body>
</html>

Если его протестить в ИЕ то на месте display : none (див средний) появляется нежелательный, необъяснимый отступ, но если чтолибо прописать в нижний див, то

Код:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
</head>

<body>
<DIV style="FLOAT: left; border:1px solid #000;">
TOP
</DIV>

<DIV style="DISPLAY:none; FLOAT:left; HEIGHT:40px">
</DIV>

<DIV style="background-color:#000; FLOAT: left; WIDTH: 100%; HEIGHT: 75px; color:#fff;">BOTTOM
</DIV>

</body>
</html>

..то уже все нормалек и ничего не колбасит , подскажите, может я чтото неправильно в стилях оформил, если да, то что именно?

Skubent · 20.03.2007, 19:30

Ты в невидимый див впиши что-нибудь, заведется.

ЗЫ. И отвыкай от привычки использовать большие буквы в тэгах и уж тем более в стилях.

etc · 20.03.2007, 19:38

И отвыкать пользовать тег HTML, пользуй CODE. Прочитать невозможно.

All87 · 20.03.2007, 21:05

Цитата:

Сообщение от Skubent

Ты в невидимый див впиши что-нибудь, заведется.

Сенк.. но это тоже жесть..
Дело в том что в диве будут или еще одни дивы, или пустота, если добавить пробел, тогда нарушится конкретно (изза того что сверху окажется пробел) структура, ибо дивы туда добавляются как дочерние JSом

Цитата:

Сообщение от Skubent

ЗЫ. И отвыкай от привычки использовать большие буквы в тэгах и уж тем более в стилях.

Я абсолютно с тобой согласен и сам никогда не юзаю большие буквы, а здесь я просто не стал исправлять сгенеренный DHTMLью ишака код (так что именно такой вот скверный код он генерит

)

Цитата:

Сообщение от __etc

И отвыкать пользовать тег HTML, пользуй CODE. Прочитать невозможно.

Без проблем, он мне тоже не нравится, но форум сдесь строгий, поэтому для HTML я решил юзать именно его, было бы неплохо подправить его css, или вообще кнопку удалить из wysiwyga

Skubent · 21.03.2007, 12:56

Ну так перед добавлением первого потомка очищай див от заглушки, будет тебе счастье

Skubent · 21.03.2007, 12:58

А еще лучше, покури вот этот вот пример:
http://www.w3schools.com/css/tryit.a...=trycss_float6

KidsKilla · 21.03.2007, 14:21

эта, а вот тока ненадо говорить мол в ксс большие буквы плохо.
оч хорошо смотрятся конструкции вида:

Код:

HTML,BODY{}
DIV#smt, A:hover, .clazz ABBR{}

итд итп.

Skubent · 21.03.2007, 14:43

Про ксс никто и не говорил.

Хотя и там, в общем-то, излишества

All87 · 21.03.2007, 20:16

Цитата:

Сообщение от Skubent

Ну так перед добавлением первого потомка очищай див от заглушки, будет тебе счастье

))) Идея ГУУД, и звучит неплохесто, но.. как бы так получше объяснить то..
вообщем это все есть сплитер (SPLITER) или проще панель - расширенная версия вот этой хери
но суть не в этом, заказчег требует чтобы была также кнопка свернуть а также больше возможностей с окнами, када нажимается кнопка свернуть, как раз таки - появляется верхний див (как панель для минимизированных окон), затем скрывается второй див (с него пошло событие, что мол, сверни меня), а нижний див он статический (это без разницы что, но как в моем случае когда я столкнулся - это оказался контент нижнего разделителя, который вообще пропал за грани боди, тк боди overflow:hidden).
При нажатии минимизированого вида окна на верхней панели, скрытый див просто получает видимость, и тк размеры все автоматом счетаются через offset вся панель выглядет обратным замечательным образом, но не в этом читерском ишаке! когда я стал искать в чем буг - то пришел вот к этой простой конструкции.. Даже незнаю че делать то - ведь если полностью удалить узел(минимизированый) то восстановить потом его можно, но вот в какую часть дерева?? адрес дерева никак не запомнить..
Придется ствить ему visibility: hidden, и position:absolute, прятать за приделы боди, а так же чуть изменять движок.. млин эт же все скорость схавает...
Поэтому если ктото вдруг узнает (или уже занет) как избавится от этого бага посредствами цсс, ПЛИЗ напишите!!

Цитата:

Сообщение от Skubent

А еще лучше, покури вот этот вот пример:
http://www.w3schools.com/css/tryit.a...=trycss_float6

Сенк, пример чудный, вот только он юзает пхп

Цитата:

Сообщение от KidsKilla

эта, а вот тока ненадо говорить мол в ксс большие буквы плохо.
оч хорошо смотрятся конструкции вида:

Код:

HTML,BODY{}
DIV#smt, A:hover, .clazz ABBR{}

итд итп.

Да, выглядет точно неплоха, я никогда не юзал уперкейс в цсс, и всеже рисковать тоже небуду

Skubent · 22.03.2007, 12:55

Цитата:

Сообщение от All87

млин эт же все скорость схавает...

У клиентов давным-давно не 386 турбины. Полсотни объектов туда-сюда подвигать без заметного глазу лага способен любой уже-не-современный компьютер.

Цитата:

Сообщение от All87

Сенк, пример чудный, вот только он юзает пхп

Это шутки или ты и вправду не понимаешь что такое Php и что такое JScript и CSS ?