Firefox не будет загружать часть моего сайта, у меня возникают проблемы с загрузкой CSS, я думаю. Chrome и IE загружают все в порядке.
http://zionscape.net/landing/RuneScape%20Fanpage/index.html Загружает совершенные в Chrome.
<!DOCTYPE html>
<HEAD>
<BODY bgcolor="#000000">
<title>Site - Home</title>
<link href="css/bootstrap.css" type="text/css" rel="stylesheet" />
<link href="css/style.css" type="text/css" rel="stylesheet" /
Веб-страница, вероятно, кэшируется в Firefox. Попробуйте очистить кеш браузера, нажав ctrl + shift + del
. Проверьте "кеш" и нажмите "Очистить сейчас". Вы также хотите поместить свои файлы css в <head>
, not <body>
. Это будет выглядеть так:
<head>
<title>Site - Home</title>
<link href="css/bootstrap.css" type="text/css" rel="stylesheet" />
<link href="css/style.css" type="text/css" rel="stylesheet" /
</head>
<body bgcolor="#000000">
...
</body>
CSS правильно загружается в Firefox, но в вашем CSS есть ошибки, которые не отображаются в Firefox (но они отображаются в IE/Chrome). Взгляните на веб-консоль Firefox; он перечисляет номера строк в bootstrap.css, которые не отображаются.
Чтобы использовать веб-консоль, перейдите по ссылке:
Инструменты → Веб-разработчик → Веб-консоль
Это четыре ошибки, перечисленные в веб-консоли:
[14:30:32.700] Expected declaration but found '*'. Skipped to next declaration. @ http://zionscape.net/landing/RuneScape%20Fanpage/css/bootstrap.css:3462
[14:30:32.700] Expected end of value but found '\9 '. Error in parsing value for 'background-color'. Declaration dropped. @ http://zionscape.net/landing/RuneScape%20Fanpage/css/bootstrap.css:3467
[14:30:32.700] Expected declaration but found '*'. Skipped to next declaration. @ http://zionscape.net/landing/RuneScape%20Fanpage/css/bootstrap.css:3472
[14:30:32.700] Expected declaration but found '*'. Skipped to next declaration. @ http://zionscape.net/landing/RuneScape%20Fanpage/css/bootstrap.css:3473
Номер в конце относится к номеру строки синтаксической ошибки. Например, bootstrap.css:3473
означает, что в строке 3473 имеется ошибка bootstrap.css.
Вот CSS из вышеупомянутых четырех ошибок, с вопросами, указанными в комментариях:
.btn-inverse.disabled,
.btn-inverse[disabled] {
color: #ffffff;
background-color: #222222;
*background-color: #151515; // Issue here is the *
}
.btn-inverse:active,
.btn-inverse.active {
background-color: #080808 \9; // Issue here is the "/9"
}
button.btn,
input[type="submit"].btn {
*padding-top: 3px; // Issue here is the *
*padding-bottom: 3px; // Issue here is the *
}
*property
- это хаки для IE, поэтому они пропускаются в других браузерах.