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

Question

[Nikita Shchypylov]

Привет

Верстаю относительно недавно, но начал сталкиваться с тем, что сделав меню в Мозилле захожу в Хром и получаю много мелких помарок. То кнопка чуть подскочила, то при смене разрешения экрана не так сработал медиа запрос, как я хотел.
Поэтому сабж: что моно почитать/посмотреть/потрогать по кросс-браузерной верстке?

Спасибо

Comments

[Nikita Shchypylov]

Александр А: Ахах, нет, ну вы поняли?Как бы мне что бы понять проблему, нужно загуглить проблему в яндексе или хроме. Ахахах, нет, ну умно,умно

Answer 1

[Андрей]

Если у Вас верстка на простых вещах пляшет, то причина проста: Вы не понимаете сути верстки, а именно правильной разбивки элемента страницы на блоки и их позиционирование. Сейчас браузеры на 99,9% идентичны в плане рендеринга.

Вот советы:

• Верстать надо наименьшим числом блоков, наиболее простым способом.
  
• Почитайте про позиционирование элементов (float, padding, margin, z-index, border, box-model, box-sizing, clearfix)
  

Comments

[Nikita Shchypylov]

Что бы определить самый простой способ нужно знать их несколько.
Но скорее всего проблема как раз в том, что не понимаю сути
Почитаю
Спасибо

[Андрей]

Nikita Schipilov: киньте ссылку на верстку, посмотрю какие есть проблемы.

[Nikita Shchypylov]

Андрей: там фтп под паролем(

[Андрей]

Nikita Schipilov: а reset.css или normalise.css используете? Может в этом проблема?

[Nikita Shchypylov]

Андрей: Да, у меня есть сброс стилей. Но что там может быть такого?

[theWaR_13]

Андрей: я вот делал небольшой проект. Тестировал изначально в хроме, потом в фаерфоксе. В последнем было много косяков, например, не работало свойство padding, пришлось использовать margin. А в другом месте в ФФ не работал padding с процентами, хотя в хроме все ок. Так что все равно приходится получиться, чтобы все работало нормально.

[Андрей]

Nikita Schipilov: правильно, что используете.

[Андрей]

theWaR_13: странно, что не работал padding. Margin может не работать, если срабатывает правило margin collapse. Проценты отсчитываются от родителя, родителю нужно прописать размеры в явном виде, т.е. 500px или 100%.

Answer 2

[Артём]

https://www.browserstack.com/ ?

Comments

[Nikita Shchypylov]

Спасибо, с первого взгляда вещь полезная
Посмотрю

Answer 3

[Максим]

Судя по трактовке вопроса вам требуется не кроссбраузерная верстка а простой инструмент для создания сайта типа конструктор сайта, и к тому же для нескольких страниц и с адаптивным дизайном для чайников.
Берите, пользуйтесь бесплатно: https://mobirise.com/

Comments

[Nikita Shchypylov]

Нет, мне нужно понять корень моей проблемы и решить ее

[Максим]

в таком случае только методом проб и ошибок и с самоучителем htmlbook.ru
на самом деле браузеров превеликое множество, и их братьев и сестер, я уже промолчу что от версии к версии происходят существенные изменения, поэтому "таблетки" универсальной не существует (или я просто не встечал) и чаще всего следует для отдельных видов браузеров писать в CSS отдельные заплаты.
Чтобы посмотреть сайт в различных браузерах не надо их устанавливать, можно просто воспользоваться сервисом: browsershots.org