Основные строительные блоки для кросс-браузерной эквивалентности?

Question

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

Есть ли основной список здания блоки, процедуры или настройки, которые делают HTML и CSS выглядят одинаково в каждом браузер

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

Но разве не было бы приятно узнать, что основа веб-сайта подойдет всем браузерам?

Answer 1

Я бы предложил взглянуть на одну из распространенных CSS-фреймворков в дикой природе:

• BluePrint http://www.blueprintcss.org/
• 960 Grid System http://960.gs/
• Эластичный CSS http://elasticss.com/

Некоторые из них уже используют reset.css от Эрика Мейерса, но если вы хотите что-то более легкое, чем полный фреймворк, это отличное место для начала: http://meyerweb.com/eric/tools/css/reset/

Из фреймворков я больше всего использовал BluePrint. Приятно знать, что я могу настроить сетку за считанные минуты и не беспокоиться о сломанной компоновке.

Answer 2

Есть несколько проблем с основами HTML и CSS. Если вы используете современный браузер для первой проверки разметки и проверки на наличие ошибок, ваши проблемы будут редкими. Я постоянно нахожу людей, которые не проверяют свою разметку и / или не используют IE в качестве тестового браузера. Оба являются причиной 95% их проблем.

Если используются только эти две ситуации, вам не нужно использовать какие-либо фреймворки.