Проблема с HTML в Проводнике - PullRequest
Новая
       1

Проблема с HTML в Проводнике

0 голосов
/ 04 марта 2011

Пожалуйста, кто-нибудь может помочь? Это прекрасно работает с Safari, Firefox и Chrome, но НЕ в Explorer, и я понятия не имею, почему.

Большое спасибо. 

<HEAD>
<body link="#FFCC66" vlink="#FFCC66" topmargin="5" alink="#FFCC66" style="text-align:left; background-attachment:fixed" bgcolor="#F3BC3A" leftmargin="50" background="/pictures/bg111uphbl.jpg">

<meta http-equiv="content-type" content=" "></meta>
<title>Text</title>
<meta name=" "></meta>



<style type="text/css" media="screen">

#menu {
width: 100%;
background: #eee;
float: left;
}

#menu ul {
list-style: none;
margin: 0;
padding: 0;
width: 9em;
float: left;
}

#menu a, #menu h2 {
font: bold 11px/10px arial, helvetica, sans-serif;
display: block;
border-width: 1px;
border-style: solid;
border-color: #ccc #888 #555 #bbb;
margin: 0;
padding: 2px 3px;
}

#menu h2 {
color: #fff;
background: #000;
text-transform: uppercase;
}

#menu a {
color: #000;
background: #efefef;
text-decoration: none;
}

#menu a:hover {
color: #a00;
background: #fff;
}

#menu li {position: relative;}

#menu ul ul {
position: absolute;
z-index: 500;
}

#menu ul ul ul {
position: absolute;
top: 0;
left: 100%;
}

div#menu ul ul ul,
div#menu ul li:hover ul ul ul,
div#menu ul ul li:hover ul ul ul
{display: none;}

div#menu ul ul,
div#menu ul li:hover ul ul,
div#menu ul ul li:hover ul ul,
div#menu ul ul ul li:hover ul ul
{display: none;}

div#menu ul li:hover ul,
div#menu ul ul li:hover ul,
div#menu ul ul ul li:hover ul,
div#menu ul ul ul ul li:hover ul
{display: block;}


</style>
</div>

<div style="position: absolute; width: 880px; height: 50px; z-index: 1; left: 10px; top: 3px" id="layer1"> 

<div style="position: absolute; width: 880px; height: 600px; z-index: 1; left: -1px; top: 15px" id="layer2">

<!-- start menu HTML -->
<div id="menu" style="width: 880px; height: 20px">
<ul>

<li><h2>Text</h2>

<ul>

<li><a href="http://bricemallier.com/Menus.htm">Text</a><ul>

              <li><a href="http://bricemallier.com/Menus.htm">Text</a><ul></li>

</table>
</div>


</html>

Ответы [ 4 ]

1 голос
/ 04 марта 2011

Все теги в вашем неупорядоченном списке не в порядке, у вас есть несколько открывающих тегов

0 голосов
/ 04 марта 2011

Спасибо всем.Я учусь, но я был успешным!Пожалуйста, скажите мне, если все еще что-то не так. 

<title>Text</title>
<meta name="description" content="text">
<meta name="keywords" content="text">

меню {

ширина: 100%;фон: #eee;плыть налево;}

menu ul {

стиль списка: нет;поле: 0;отступы: 0;ширина: 9em;плыть налево;}

меню a, #menu h2 {

шрифт: жирный 11px / 10px arial, helvetica, без засечек;дисплей: блок;ширина границы: 1px;стиль границы: твердый;border-color: #ccc # 888 # 555 #bbb;поле: 0;обивка: 2px 3px;}

menu h2 {

color: #fff;фон: # 000;преобразование текста: верхний регистр;}

меню a {

цвет: # 000;фон: #efefef;текстовое оформление: нет;}

меню a: hover {

color: # a00;фон: #fff;}

menu li {позиция: относительная;}

menu ul ul {

позиция: абсолютная;z-индекс: 500;}

меню ul ul ul {

позиция: абсолютная;верх: 0;слева: 100%;}

div # меню ul ul ul, div # меню ul li: hover ul ul ul, div # меню ul ul li: hover ul ul ul {display: none;}

div #меню ul ul, div # меню ul li: hover ul ul, div # меню ul ul li: hover ul ul, div # меню ul ul ul li: hover ul ul {display: none;}

div #меню ul li: hover ul, div # меню ul ul li: hover ul, div # меню ul ul ul li: hover ul, div # меню ul ul ul ul li: hover ul {display: block;}

0 голосов
/ 04 марта 2011

Ваш код - беспорядок. Пройдите через это и уберите все свои признаки. Вероятно, он не работает в IE, потому что не читает плохо написанный код так же гладко, как другие браузеры. Закройте тег head, и тег body должен идти после мета. Существует также случайный тег </div> после стиля и тег </table> перед последним </div>, и ваши теги <ul> закрыты неправильно.

0 голосов
/ 04 марта 2011

Скорее всего, ваши проблемы возникают из-за того, что IE прибегает к режиму причуд, а не к стандартному режиму, как в других браузерах.

Я бы настоятельно рекомендовал вам уделить минуту, чтобы исправить разметку, и, как только у вас будет действительный HTML, добавьте это определение типа документа в верхнюю часть html-страницы (перед начальным тегом <html>, которого у вас на самом деле нет. на данный момент ...)

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">

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

Нет похожих вопросов

...