Как заставить Firefox отображать также как IE? [Версия для КПК]

Показать полную графическую версию : Как заставить Firefox отображать также как IE?

Vlad Drakula

03-05-2007, 17:48

Как заставить Firefox отображать также как IE?

ох... сколько я мучался над данной проблемой...

и решение было найдено:

*{
box-sizing:border-box;
-moz-box-sizing:border-box;
}

и так что это делает:
этот кусок CSS заставляет FF и Opera расчитывать размеры по модели IE
в итоге получаем быстроту FF и удобство модели IE

ЗЫ
никто не переубедит что у FF на много более удобная модель!!!

ЗЫЫ
это не фопрос, я просто решил поделиться решением проблемы которая мне очень мешала жить!

FADE

03-05-2007, 21:15

и решение было найдено
а ссылку где было найдено решение, забыл?:)

Bren74

03-05-2007, 21:41

этот кусок CSS заставляет FF и Opera расчитывать размеры по модели IE
в итоге получаем быстроту FF и удобство модели IE

Странно...FireFox меня в этом смысле совсем не напрягает...

Prisoner

04-05-2007, 00:33

А можно еще на примере показать влияние данного правила? До и после, так сказать.

Vlad Drakula

04-05-2007, 00:49

Bren74
а вы по пробуйте создеть следуещще:
<div style="width:100%;height:100%;background-color:#ff0000;padding:10px;">
<div style="width:100%;height:100%;background-color:#00ff00;">
test
</div>
</div>

чтобы в FF отображалось также как в IE

ЗЫ
утверждения в не понимании блочной модели и того что так делать не надо не принимаются по причине того что если дизайнер сказал сделать так значит нужно сделать так...

Prisoner
посмотри приведенный мной пример до и после в FF разница на лицо...
просто лично я считаю сто блочная модель у IE более продумана и белее дружелюбна к верстальщику чем у FF, не зря веть ее потом использовали в FO

Vlad Drakula

04-05-2007, 01:12

FADE
кстати решение эксклюзив... в других местах никто не пытался заставить FF отображать как IE все хотят сделать на оборот... а это очень трудоемкий путь!!!

vadimiron

04-05-2007, 03:04

просто лично я считаю сто блочная модель у IE более продумана и белее дружелюбна к верстальщику чем у FF
и я того же мнения

FADE

04-05-2007, 07:51

<div style="width:100%;height:100%;background-color:#ff0000;">
<div style="width:100%;height:100%;background-color:#00ff00;">
test
</div>
</div>

чтобы в FF отображалось также как в IE

Влад, Вы бы хоть писали о каких версиях браузеров идет речь и какой доктайп используется в документе)

и тогда, потом, что собственно должен показать, Ваш код, в браузерах, что выше, до и после?:)

Vlad Drakula

04-05-2007, 10:45

FADE
Влад, Вы бы хоть писали о каких версиях браузеров идет речь и какой доктайп используется в документе)

и тогда, потом, что собственно должен показать, Ваш код, в браузерах, что выше, до и после?
доктайпа нету, все в ре;име совместимости, броужер IE7 + IE6

Prisoner

04-05-2007, 15:38

Хм... В большинстве случаев достаточно указания доктайпа чтобы поведение броузеров было схожим в 90% случаев. Ведь декларация режима стандартов для этого и создавалась. Зачем что-то выдумывать?

FADE

04-05-2007, 16:28

Prisoner согласен,

Vlad Drakula насколько вспоминаю, если в ослике 6 не задать доктайп он ведет себя как пятый, с седьмым думается еще хуже:)
и все же, исходя из примера, пусть даже без доктайпа.. что должны мы увидеть неодинаково в лисе по сравнению с ослом??

Vlad Drakula

04-05-2007, 17:35

Prisoner
Хм... В большинстве случаев достаточно указания доктайпа чтобы поведение броузеров было схожим в 90% случаев. Ведь декларация режима стандартов для этого и создавалась. Зачем что-то выдумывать?
проблема в том что верстать под эту модель не очень то удобно!

FADE
и все же, исходя из примера, пусть даже без доктайпа.. что должны мы увидеть неодинаково в лисе по сравнению с ослом??
в IE два блока один в нутри другово с равными отступами по периметру в FF внетренний блок смещен относительно радитеьлского в лево в низ.

FADE

05-05-2007, 00:58

Vlad Drakula

в IE два блока один в нутри другово с равными отступами по периметру в FF внетренний блок смещен относительно радитеьлского в лево в низ.

вообщето зеленый блок в осле 6.6 (даже без разметки <html></html>) выглядит анологично FF 2 - без здвигов:), а родительский (тот что красный) не виден вообще, ни там ни там :mellow:

Vlad Drakula

05-05-2007, 15:08

попробуйте открыть вот этот файл

FADE
блин я в примере забыл указать паддинг вот и отображалось одинаково...

FADE

05-05-2007, 19:30

попробуйте открыть вот этот файл
какой файл?:)
после добавления этого сообщения - проявилась ссылка на аттач.. только он не грузится..

спустя 4 мин..

он загрузил архив зип, в котором файл без расширения test3 внутри которого мусор.

Vlad Drakula

05-05-2007, 22:55

FADE
я попправил мой пример в начале темы

FADE

06-05-2007, 01:43

Vlad Drakula
в IE два блока один в нутри другово с равными отступами по периметру в FF внетренний блок смещен относительно радитеьлского в лево в низ.

вообщето в FF появляется горизонтальный и вертикальный скрол на 10 px , никаких смещений влева я не заметил.

Влад, а Вы разобрались на что влияет каждый из свойств и их параметров в Вашем коде CSS?

Vlad Drakula

06-05-2007, 01:58

FADE
<b>Влад, а Вы разобрались на что влияет каждый из свойств и их параметров в Вашем коде CSS?</b>
да, если вы хотите что то спросить по какому либо свойств спрашивайте

<b>вообщето в FF появляется горизонтальный и вертикальный скрол на 10 px , никаких смещений влева я не заметил.</b>
говорил по давней памяти, ошибся, все равно отображается не так как задумывалось при написании этого кода для border-box

FADE

06-05-2007, 03:02

Vlad Drakula, да, если вы хотите что то спросить по какому либо свойств спрашивайте
Ваше же тема, вот и развивайте, я лишь, поддерживаю и показываю в каком направлении развиваться :)

а то получается некий не четкий отчет о не четком решении не четкой задачи не четкими инструментами в не четкой теме от человека который казалось бы любит четкость.. имхо - это самоуверенный флуд:)