Обнаружение браузера CSS

Question

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

в Chrome: http://slackmoehrle.com/chrome.png

в Safari: http://slackmoehrle.com/safari.png

в IE 7: http://slackmoehrle.com/ie7.png

на FireFox Mac: http://slackmoehrle.com/firefox.png

таблицу стилей можно найти здесь: http://slackmoehrle.com/css.css

Может кто-нибудь пролить какую-либо информацию?

Многиеговоря, что обнаружение браузера не является хорошим методом, но я не вижу, что нужно сделать, чтобы все это работало в различных браузерах

ОБНОВЛЕНИЕ:

без использования сброса CSS: http://slackmoehrle.com/test/without-reset/

с использованием сброса CSS: http://slackmoehrle.com/test/with-reset/

Answer 1

Взгляните на таблицу стилей сброса CSS

Мой личный фаворит - Мейер: http://meyerweb.com/eric/tools/css/reset/

Answer 2

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

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

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

Из моего последнего опыта почти всегда можно поддерживать только две версии этих файлов DIFF - одну для Firefox, Safari, Chrome и другую для семейства IE. И использовать функцию обнаружения для JS.

Answer 3

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

Что касается других браузеров, мне придется поискать больше, но у меня не было никаких проблем ни с какими сайтами, которые я делал, но тогда я не использую сброс CSS и устанавливаю всеСам CSS на элементах.