Проблема совместимости CSS с FireFox 7.01 - PullRequest
0 голосов
/ 03 ноября 2011

Я работаю в VS2010, и я разработал веб-сайт.На этом веб-сайте я разработал один CSS, и эта таблица стилей эффективна только в Internet Explorer.CSS также должен действовать во всех браузерах (например, Firefox, Chrome).

CSS - это

div.menuGlobal
{
    background-color: #465c71;/*#4b6c9e;/*#4169E1;*/
    padding: 10px;
    padding-bottom:0px;
}

span.menuGlobal a.current:link,span.menu a.current:visited
{
    display:inline-block;
    font-weight:bold;
    color:#0000CC;
    background-color:white;
    text-align:center;
    padding:4px;
    text-decoration:none;
    width:70px;
    padding:5px;
    margin:0px;  
}

span.menuGlobal a.current:hover,span.menuGlobal a.current:active
{ 
    color:#32CD32;
    background-color:#DFDFDF;

}

span.menuGlobal a:link,span.menu a:visited
{
    display:inline-block;
    font-weight:bold;
    color:#0000CC;
    background-color:#DCDCDC;
    text-align:center;
    padding:4px;
    text-decoration:none;
    width:70px;
    padding:5px;
    margin:0px;  
}

span.menuGlobal a:hover,span.menuGlobal a:active
{ 
    color:#32CD32;
    background-color:#DFDFDF;

}

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

моя главная страница имеет два заполнителя содержимого.один для раздела заголовка и другой для раздела тела.И я добавил тег ссылки в заголовок страницы содержания дочерней веб-страницы.

как решить эту проблему?

Ответы [ 4 ]

0 голосов
/ 03 ноября 2011

Если он работает в IE, но не в Firefox, значит, ваша разметка неверна.Никогда, никогда не доверяйте IE делать все правильно.Хотя IE может показывать то, что вы хотите, FF показывает, что вы написали.Но без полной разметки все, что мы говорим, - просто дикая догадка.

0 голосов
/ 03 ноября 2011

Ваш CSS выглядит хорошо для меня.

«Случайное», вы пытались удалить /*#4b6c9e;/*#4169E1;*/ или добавить пробелы до и после /*, */?

Обновление:

Также, пожалуйста, включите в HTML часть, которая ссылается на этот CSS, используемый тег <link> или <style>.

0 голосов
/ 03 ноября 2011

Поместите * перед свойством, которое не работает в Firefox.как * высота: 58 пикселей;в моем случае.

0 голосов
/ 03 ноября 2011

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

Ваш CSS должен работать на любом браузере, даже на очень старых IE5, Chrome, Firefox, Opera

Я действительно не вижу ничего плохого

РЕДАКТИРОВАТЬ: просто чтобы быть уверенным, пойти и проверить, что у вас нет условных комментариев <--IF[IE] -->

вокруг вашего тега <style> или как вы включаете эту таблицу стилей

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...