Как сверстать кроссбраузерно?

Какие есть самые ефективные способы сверстать так чтоб корректно отображалось в таких
браузерах IE9+, Microsoft Edge, Chrome 48.0+, Opera 12+, Safari 5, Mozilla Firefox 43+– ?


Для меня такой термин как кроссбраузерная верстка вообще новый.

Поэтому если я правильно понимаю если я сверстал старницу под например последнюю версию оперы,то не факт
что она будет правильно отображаться в опере 12 .

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

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


И вообще как лучше тогда проверить свою версткув этих браузерах да и еще в ранних и современных версиях--
устанавливать все браузеры всех версий или как ?

0

TVPNERO, добро пожаловать на корабль под названием "геморрой"... Чтобы верстать кроссбраузерно - нужны годы тренировок и практически совершенное знание свойств CSS2.1 и CSS3 или хотя бы той части, которую Вы чаще всего используете в вёрстке... Здесь важна усидчивость и воля к победе... Кроссбраузерная вёрстка здорово дисциплинирует... Всё свёрстанное надо постоянно гонять в броузерах, которые Вы наметили в качестве самых древних, поскольку с более новыми версиями проблем не бывает... Чтобы версии старых броузеров были всегда под рукой рекомендую установить виртуальную машину...

1

Сообщение от Fedor92 обро пожаловать на корабль под названием "геморрой"...

ха ха...смешно

спасибо за совет.увидим .может еще кто нибудь что либо порекомендует

Добавлено через 1 минуту
Fedor92,

а это

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

0

Сообщение от TVPNERO если я верстал под свежую версию оперы то по идее и в хроме и в фаерфоксе верстка должна отображаться так же как и в опере потому что у них общий движок,прав ли я ?

Одинаковый движок только у Хрома и Оперы...

0

Fedor92, я так смутно думаю что старые версии не поддерживают css3--а это значит анимацию написаную на ксс3 старые браузеры не будут воспринимать.

А есть ли где нибудь таблица с подписями какие браузеры поддерживают ксс3 и хтмл5 а какие нет?

0

Сообщение от TVPNERO Fedor92, я так смутно думаю что старые версии не поддерживают css3--а это значит анимацию написаную на ксс3 старые браузеры не будут воспринимать.

Ну да...

Сообщение от TVPNERO А есть ли где нибудь таблица с подписями какие браузеры поддерживают ксс3 и хтмл5 а какие нет?

caniuse.com

0

Fedor92,
рекомендую установить виртуальную машину...

А почему не можно просто усановить разные браузеры просто на компютере в отдельной папке?
я же кстати не знаю что такое виртуальная машина.

Добавлено через 29 минут
Fedor92,


и еще к примеру если ,например, опера 12 не понимает свойство сss transition,то есть анимация не действует.
В моем случае блок который плавно появлялся справа на лево в современной опере, в опере 12 теперь просто появляется без анимации.

В таком случае я должен отказаться от использования CSS3 и использовать JavaScript или jQuery,или есть какой то трюк который заставит сработать анимацию написанную на CSS3 в опере12 ?

0

Сообщение от TVPNERO я же кстати не знаю что такое виртуальная машина.

Учиться никогда не поздно...

Сообщение от TVPNERO или есть какой то трюк который заставит сработать анимацию написанную на CSS3 в опере12 ?

А есть трюк заставить запорожец ехать быстрее мерседеса?

1