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

Question

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

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

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

Answer 1

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

Answer 2

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

Что я переживу до этого?

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

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

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

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

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

Answer 3

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

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

Answer 4

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

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

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

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

Answer 5

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

Luxury. В мой день мы должны были подняться на пол -30 пикселей с полями, чистить «слои» с помощью наших текстовых редакторов, тратить 20 часов в день на прослушивание журналов сервера для IE3, и затем, когда мы вернулись домой к нашему ящику - я говорю «ящик», это было больше похоже на

Answer 6

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

Answer 7

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

Answer 8

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

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

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

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