Настройки сайта CSS

Question

Я работал над страницей регистрации, и мне удалось закончить все. Проблема в том, что я вроде грубо принужден и просто пошел по списку вещей, которые нужно было сделать (вход в систему пользователя, оплата, смена пароля), и теперь страница не выглядит очень хорошо на некоторых браузерах (например, Internet Explorer), а также все искажается на широкоэкранных экранах (все было отлично на моем компьютере, когда я это делал). Поэтому я знаю основную проблему, я использую жесткие значения для длины и ширины, например 500px, когда я должен использовать проценты, такие как 80%.

Мой вопрос: есть ли исчерпывающее руководство в Интернете, которое может помочь мне перепроектировать мой сайт графически, чтобы он выглядел одинаково во всех браузерах и компьютерах? И по всестороннему руководству я имею в виду что-то вроде того, что mozilla собрал для security. Или есть какой-то движок, который я могу запустить, чтобы сканировать мои проблемы, такие как W3's validator?

Answer 1

W3 имеет валидатор css. Я не знаю, видели ли вы это, так как вы связались с html validator: http://jigsaw.w3.org/css-validator/.

Quirksmode имеет список стилей CSS и их поддержку в различных браузерах вы можете посмотреть: http://www.quirksmode.org/css/contents.html

Согласно Adobe, DrewmWeaver может сделать некоторые проверки CSS, хотя я не DreamWeaver и никогда не использовал его , поэтому я понятия не имею, как это работает: http://help.adobe.com/en_US/dreamweaver/cs/using/WSA994C0FE-60C8-456d-8EF9-EC09DF0FD914a.html

Надеюсь, что это полезно.

Answer 2

Так что, похоже, вы новичок во всей этой области? Короткий ответ заключается в том, что на самом деле довольно сложно получить ваш сайт, чтобы посмотреть точно то же самое в разных браузерах. (Теперь это проще, чем 5 или 6 лет назад из-за повышения соответствия стандартам). Для того, чтобы увидеть, как он выглядит на разных сайтах, требуется довольно много споров с различными трюками, как вы видите на Quirksmode.org.

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

Во всяком случае, ресурсы выше хороши, и я также рекомендую Adobe Browser Lab, чтобы увидеть, как выглядит ваш сайт в разных браузерах: https://browserlab.adobe.com/