Рендеринг вопроса FireFox

Question

Я создаю сайт, и он выглядит по-разному в Firefox и Safari. Это ссылка на веб-сайт http://storminacupcake.com/, и вы увидите, что есть небольшая проблема: она выглядит хорошо в Safari, но между ячейками в Firefox есть небольшой разрыв. Может кто-нибудь сказать мне, что я делаю не так? Спасибо, Alex

Answer 1

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

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

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

Answer 2

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

Однако, чтобы помочь вам получить сайт, на котором вы сейчас работаете, вотрешение вашей проблемы:

В style.css, измените p{margin:.0 0 .3em 0;} на p{margin:0 0 .1em 0}.

Answer 3

Я проверил сайт на Mac с FF.С инструментами веб-разработчика я вижу, что есть много ненужных или не правильных HTML.Как вы создали сайт?

Попробуйте использовать Firebug в FF, активируйте его и шаг за шагом отключите стили, чтобы увидеть, в чем заключается проблема с полями / отступами.