Добрый день! У меня возникла проблема с отображением меню в Internet Explorer. В Mozilla Firefox, Google Chrome и Opera всё работает на отлично, но в IE... Вот адрес сайта http://zerox.ath.cx/ (работает не всегда, потому что пока на моём компе). Плохо отображается верхнее меню. Вот само меню: HTML: <ul id="topnav"> <center> <li> <?php echo "<a href=\"http://$_SERVER[SERVER_NAME]\">Home</a>" ?> </li> <li> <a href="force.php">Composition of clan</a> <!--Начало выпадающего меню--> <span> <?php include ("$_SERVER[DOCUMENT_ROOT]/lib/forces.inc"); ?> </span> <!-- Конец --> </li> <li><a href="reg.php">Registration in clan</a></li> <li><a href="order.php">Order the same Site</a></li> <li><a href="about_clan.php">About</a></li> </center> </ul> Вот стили: [css] ul#topnav { margin: 0; padding: 0; float: left; width: 800px; list-style: none; position: relative; /*--Set relative positioning on the unordered list itself - not on the list item--*/ font-size: 1.2em; background: url(topnav_stretch.jpg) repeat-x; } ul#topnav li { float: left; height: 35px; margin: 0; padding: 0; border: 0px solid #00b8ee; /*--Divider for each parent level links--*/ border-left: 0px solid #00b8ee; background: url(topnav_stretch.jpg) repeat-x; } ul#topnav li a { padding: 10px 15px; display: block; height: 15px; color: #00f9ff; text-decoration: none; } ul#topnav li:hover { background: #1376c9 url(topnav_active.gif) repeat-x;} /*--Notice the hover color is on the list item itself, not on the link. This is so it can stay highlighted even when hovering over the subnav--*/ ul#topnav li span { padding: 15px 0; position: absolute; left: 0; top:35px; display: none; /*--Hide by default--*/ width: 760px; float: right; background: #6b6b6b; color: #fff; /*--Bottom right rounded corner--*/ -moz-border-radius-bottomright: 5px; -khtml-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px; /*--Bottom left rounded corner--*/ -moz-border-radius-bottomleft: 5px; -khtml-border-radius-bottomleft: 5px; -webkit-border-bottom-left-radius: 5px; } ul#topnav li:hover span { display: block; margin: 0px 0px 0px 10px; border: 0px solid #00b8ee;} /*--Show subnav on hover--*/ ul#topnav li span a { display: inline; height: 35px; } /*--Since we declared a link style on the parent list link, we will correct it back to its original state--*/ ul#topnav li span a:hover {text-decoration: underline;}[/css] Помогите пожалуйста сделать, чтобы и в IE нормально отображалось!
IE 2008. Какая разница в режиме совместимости? у клиента не обязательно он включен! HTML: <meta http-equiv="X-UA-Compatible" content="IE=EmulateIE8"> не помогло
Zerox если хотите сами разобраться, то попробуйте идти от простого к сложному. сделайте меню без стилей, затем добавьте один и еще один стиль. когда меню начнет различаться в разных браузерах, у вас появится запрос к поисковым системам.
дело в том, что меню делал не я. Я нашёл готовое, просто я еще не умею работать в JavaScript и jQuery. Пришлось искать готовое, это меню меня вполне устраивает, но почему то в IE не пашет...
Zerox добро пожаловать в мир открытых и бесплатных решений. кстати, в приведенном коде нет JavaScript и jQuery. и запрос к гуглу может быть "имя_вашего_меню проблема в ие". может кто уже сталкивался.
в помойку тему!=) я забыл поставить HTML: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> !=)