проблема стиля страницы ie6 - PullRequest
Новая
       22

проблема стиля страницы ie6

0 голосов
/ 04 апреля 2011

Страница здесь здесь

Пожалуйста, расскажите мне, как это исправить ...

Я знаю JavaScript Дина Эдвардса IE7 JavaScript , ноэто может быть излишним, есть ли простое решение только для моей проблемы?

Я пытался: 

<!--[if lte IE 7]>
    <link rel="stylesheet" type="text/css" href="demo/css/ie6.css" media="all">
<![else]>
    <link rel="stylesheet" type="text/css" href="demo/css/common.css" media="all">
<![endif]-->

Но это не работает, поэтому я заменил его на: 

<!--[if lte IE 7]>
<style type="text/css">
...
</style>
<![endif]-->

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

Ответы [ 2 ]

1 голос
/ 04 апреля 2011

@ Миранда: чтобы исправить ваше меню в IE6, обновите следующие правила в вашем CSS следующим образом - 

.menuArea ul {
    height: 38px;
    width: 790px;
}

.menuArea ul li {
    display: inline;
    font-size: 13px;
    line-height:2.7em;
    list-style: none;
    margin-right: 2px;
    text-transform: capitalize;
}

.menuArea ul li a {
    color: #383838;
    display: block;
    float: left;
    height: 38px;
    padding: 0 16px;
    text-decoration: none;
}

Я предлагаю вам использовать условные комментарии для IE6, если вы начинаете замечать, что любые стили, которые вы обновляете / определяете для обеспечения работы страницы, начинают негативно влиять на нее в других браузерах. Создайте файл ie6.css и используйте условный комментарий под вашим основным CSS-файлом, например: 

<!--[if lte IE 6]>
    <link rel="stylesheet" type="text/css" href="ie6.css" media="all">
<![endif]-->
0 голосов
/ 04 апреля 2011

Добавление float:left к вашему css может решить проблему. 

.menuArea ul li a{
     float: left;
}

Это было проверено.

...