Глупый и разочаровывающий пользовательский интерфейс браузера

Question

Кто-нибудь провел несколько часов, чтобы пользовательский интерфейс их приложения отображался правильно во всех браузерах?

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

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

Answer 1

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

Answer 2

Я проектирую в Firefox, затем тестирую в IE, а не наоборот. FireFox более строгий, поэтому, если он работает там, он скорее работает в IE. Сэкономит немного разочарования ...

Answer 3

Вы принимаете это, учитесь на нем, и с помощью нескольких лет практика знает, что делать, когда.

Каждый современный браузер, но IE в значительной степени кажется безразличным для всех, кроме самых экзотических. Поэтому делайте это просто. Постройте итеративно против firefox с помощью firebug. Концептуализируйте объекты хорошо, придерживайтесь стандартов. Когда вы будете готовы сделать необходимые взломы, чтобы исправить IE. Никогда не возвращайтесь из IE.

В 99% случаев вы должны исправить IE, учитывая только полевые модели и проблемы с поплавком. Не делайте ошибку, возвращаясь к столам.

CSS действительно дзен.

Answer 4

Не подчеркивайте, это бесполезно, и я думаю, что никто из нас не увидит, что все браузеры следуют тому же стандарту.

Что я переживаю?

Я использую Firefox в Linux для разработки. Я установил плагин WebDev (https://addons.mozilla.org/es-ES/firefox/addon/60), чтобы упростить создание CSS.

Когда мое веб-приложение близко к завершению, я пробую его в IE6 и IE7 (используя вино в Linux). Затем я создаю новую таблицу стилей для каждого из них, загружаю ее с помощью IE-условных комментариев (http://www.quirksmode.org/css/condcom.html) и начинаю вносить изменения один за другим, пока дизайн не будет выполнен в обоих браузерах.

Для других браузеров (Opera, Safari, Galeon ...) дизайн под FF будет работать нормально.

В конце у меня есть три CSS: один для IE6, один для IE7 и один (оригинальный, действительный и правильный) для других браузеров.

Я думаю, что это лучший подход, чем сочинительство десятки взломов в вашем правильном CSS, и более гибкий для будущего (IE8 ...)

Answer 5

Сегодня вы можете закодировать в стандартном режиме и только действительно придется беспокоиться о недостатки IE6, которые по сравнению с IE5 немногочисленны. Конечно, мы все будем счастливы, когда IE7 станет базовым, но по сравнению со вчерашним автором легко. Нет больше ящиков с коробкой, для одного ...

Luxury.В мой день нам нужно было встать на -30px на полях, очистить t '< layer> s с нами, текстовые редакторы, потратить 20 часов в день на t' серверные журналы, обнюхивающие для IE3, а затем, когда мы добрался до нашей коробки - я говорю «ящик», это больше похоже на таблицу <> вложенную внутрь еще три таблицы <> s - us Netscape 4 убьет нас на страницах, разбив их и отправит нам на скрипт int 'coal scuttle.

И вы попробуете рассказать об этом веб-дизайнерам сегодня ... они вам не поверят.

Answer 6

Идите в гости www.quirksmode.org, всегда полезно для меня.

Answer 7

Я всегда использую Safari и Firefox для разработки, а иногда и Opera, если я чувствую себя как изменение. Но я всегда - всегда! проверяйте каждое изменение против IE. Все трое - IE6, 7 и 8. Для этого я использую IETester.

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

Я использую условные комментарии, содержащие отдельный CSS (а иногда и javascript) для каждого IE. Да, также IE8. Это все еще не совсем так. Кстати, не слепо ожидать, что Opera будет работать, даже если это хорошо в Firefox/WebKit.

Итак, никогда не проектироваться в IE. И get Firebug для Firefox. Это лучший плагин для веб-разработчиков.

Answer 8

Я начал с файлов Yahoo reset/base CSS (они крошечные). Они делают стили согласованными между браузерами с первого дня. Затем, когда я добавляю пользовательские стили, они обычно хорошо воспринимаются и согласовываются во всех браузерах.

Конечно, вам все равно потребуется случайный взлом для этого и того.