#Nav не отображается в IE6

По какой-то причине этот сайт отображается хорошо во всех браузерах, но IE6. В IE6 верхней навигации не отображается на всех ... Любая помощь будет высоко ценится:#Nav не отображается в IE6

Я поместил этот код (я должен был взять из URLs изображения к сообщению):

<div id="nav"> 
    <ul> 
    <li class="floatLeft" id="contact">Contact</li> 
    <li id="about">About</li> 
    <li id="resume">Resume</li> 
    <li class="floatLeft" id="work">Work</li> 
    </ul> 
</div>

I я использую связанный лист css со следующими определениями:

#nav { 
    font-family: Arial, Helvetica, sans-serif; 
    font-size: 18px; 
    height: 50px; 
    width: 214px; 
    position: absolute; 
    text-decoration: none; 
    list-style-type: none; 
    left: 780px; 
    right: auto; 
    margin: 0px; 
    padding: 0px; 
    top: 52px; 
    z-index: 800; 
    zoom: 1; 
} 

#nav ul { 
    margin: 0px; 
    padding: 0px; 
    list-style-type: none; 
    display: block; 
} 

#nav ul li { 
    float: left; 
    overflow: hidden; 
    text-decoration: none; 
    padding: 0px; 
    text-indent: -9000px; 
    margin-top: 0px; 
    margin-right: 10px; 
    margin-bottom: 0px; 
    margin-left: 0px; 
} 

#nav ul a { 
    display: block; 
} 

#nav #contact a { 
    background-position: left top; 
    width: 43px; 
    background-repeat: no-repeat; 
    background-image: url(); 
    height: 50px; 
    text-decoration: none; 
} 

#nav #about a { 
    width: 44px; 
    background-image: url(); 
    background-repeat: no-repeat; 
    height: 50px; 
    background-position: left top; 
    text-decoration: none; 
} 

#nav #resume a { 
    background-repeat: no-repeat; 
    height: 50px; 
    width: 43px; 
    text-decoration: none; 
    background-image: url(); 
} 

#nav #work a { 
    background-repeat: no-repeat; 
    width: 44px; 
    background-image: url(); 
    height: 50px; 
    background-position: left top; 
    text-decoration: none; 
}

источник

2010-07-18 ReidHawkins

ie6 is dead man .. –

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

У вас есть полный действительный doctype в вашем HTML? Иногда IE переходит в режим причуд и делает странные вещи без одного ... просто мысль.

источник

2010-07-18 22:32:36

Просто используйте . Это все, что вам нужно, чтобы бросить браузер в режим стандартов, независимо от того, используете ли вы HTML 4.01, 5 или XHTML 1 или 1.1 –

да вот код вверху моего сайта: – ReidHawkins

Он также не может отображаться в других браузерах, так как вы получили text-indent: -9000px; в #nav ul li. Это выталкивает все это из поля зрения.

Дополнительно:

Есть в #nav действительно необходимо, width: 214px;? Он толкает вниз #work LI.

источник

2010-07-18 22:39:21

Чтобы добавить к этому, добавьте границу в #nav, вы увидите, что ваш DIV на самом деле есть, но текст имеет большой отрицательный отступ. –

это только текст; У меня есть изображения там .... спасибо за комментарий, хотя! – ReidHawkins

Я вижу. См. Мой дополнительный комментарий выше. Firefox 3.6.6 и IE6 отображают страницу таким же образом. –

Проблема может заключаться в размещении элементов <li> и способах их взаимодействия с содержанием <ul>. Я мог бы попробовать дать <ul> определенную высоту или, возможно, переполнение: auto.

источник

2010-07-18 23:21:16 fisherwebdev

#Nav не отображается в IE6

ответ

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