2013-08-28 3 views
1

Chrome, Safari и Opera отображают мой сайт без проблем, хотя Firefox удаляет верхний раздел, включая меню. Центр секции полностью удален и заменен белым. Я совсем не уверен, в чем проблема.Мой сайт отображается правильно в каждом браузере, кроме Firefox

Любые предложения?

Сайт в стадии разработки и может быть найдено: http://www.jw.potatomou.se/

Заранее спасибо

+2

Post код, который является причиной проблемы – SaturnsEye

+1

Ваш HTML откусил, вы заканчиваете ваше тело тег, а затем, начиная с нижнего колонтитула, это не способ сделать это. Поместите весь ваш html внутри тела. – Razz

+0

Ах, я не заметил эту часть нижнего колонтитула, спасибо за это. – Josh

ответ

1

Ваш .row имеет высоту 1% и настроен на переполнение: скрыто. Вам также необходимо очистить поплавки, чтобы они занимали презентационное пространство. Это следует сделать это:

.row { 
    height: auto; 
    margin: 0.5em; 
    min-height: 1%; 
    overflow: visible; 
    padding: 2% 1em 0; 
} 
.row:after { 
    clear: both; 
    content: ""; 
    display: table; 
} 
+0

Это все отлично! На самом деле код там не мой, это часть http://www.fitgrd.com. Интересно, должны ли мы сообщить им, что есть проблема! Огромное спасибо! – Josh

-2

Это проблема совместимости браузера ..you должны использоваться CSS сброса вы можете найти здесь ссылка http://meyerweb.com/eric/tools/css/reset/

+0

Просьба указать точную проблему с CSS. Использование сброса CSS * может * решить проблему (хотя это не обязательно), но она не объясняет, какова фактическая проблема. – scunliffe

+0

Нет, я боюсь, что это не решает. У меня уже есть раздел перезагрузки в верхней части моего CSS. – Josh

+0

Вы не можете решить все с помощью стилей стилей сброса. Браузеры не _that_ разные. –

Смежные вопросы