Likan

#menu_top ul li ul { position:absolute; top:37px; left:-7px ;background: url(../../img/menu_bgr.png); padding:0 0 2px 0; border-bottom:7px solid #cc0000; white-space:nowrap; overflow:visible;} вот))))) во всем кроме 7-го ие заработало.......

на сколько я понял это для експлорера причем только для 6-го... подскажите плиз, может знаете, как именно все поправить(удалить все - не выход)

сделал выпадающее меню, на Ul li все вроде работает, но вот незадача, ширинав выпадающей подменю привязанна к ширине самого меню и ни в какую не хочет менятся в зависимости от динны пунктов подменю, в чем ошибка, подскажите плиз... #menu_top { position:relative; height:37px; background:#31343d;; width:100%; z-index:1} #menu_top ul { position:relative; margin:0 0 0 7px; padding:0; list-style:none} #menu_top ul li { position:relative;float:left; line-height:37px; margin:0 0 0 0; overflow:hidden;_behavior: url(ie6hover.htc)} #menu_top ul li:hover, #menu_top ul li.hover { overflow:visible} #menu_top ul li ul { position:absolute; top:37px; left:-7px;background: url(../../img/menu_bgr.png); padding:0 0 2px 0; border-bottom:7px solid #cc0000; width:expression(this.parentNode.offsetWidth)} #menu_top ul li ul li { display:block; margin:0 0 0 0; float:none; overflow:visible; line-height:20px;} #menu_top a, #menu_top a:hover { font-weight:bold; color:#ffffff; font-size:13px; text-decoration:none;margin:0 9px 0 9px; } #menu_top ul li ul li a, #menu_top ul li ul li a:hover { font-size:12px; text-decoration:underline; font-weight:normal;} /*.spacer7 { height:7px; background:#cc0000; font-size:1px; line-height:1px; }* <div id="menu_top"> </div> <div id="menu_top"> <ul> <li>Меню <ul> <li>Пункт подменю</li> </ul> </li> </ul> </div> #menu_top ul li ul { position:absolute; top:37px; left:-7px ;background: url(../../img/menu_bgr.png); padding:0 0 2px 0; width:100%; border-bottom:7px solid #cc0000; width:expression(this.parentNode.offsetWidth) не помогает...

не ссылку дать к сожалению не могу, макет еще не завершен.....но во всех остальных работает правильно (при наведении появляется ожидаемая адекватная менюшка которая работает и никуда не сбегает при наведении)

не как не крутил в ней...ничего хорошего не вышло(

подскажите пожалуйста, по какой причине, в выпадающем меню, под эксплорером подменю при наведении мышки не выделяется а скрывается........? код в http://forum.htmlbook.ru/index.php?showtopic=18264

сверстал я выпадающюю менюшку на UL LI во всем выглядит нормально, а в эксплорер и вид левый и выпадающяя часть при наведении мышки исчезает ...... в чем ошибка подскажите пожалуйста #top_menu li {_behavior: url(ie6hover.htc)} #top_menu { position:absolute; top:4px; left:36px; margin:0; padding:0; list-style:none; text-decoration:none; } #top_menu ul { position:absolute; top:27px; left:0; margin:0; padding:0; list-style:none; text-align:left; width:auto; z-index:1000;} #top_menu ul {background-image:url(../../siteimg/mk.gif); background-position:bottom; background-repeat:repeat-x;} #top_menu li { position:relative; float:left; display:block; height:27px; margin:0; padding:0; overflow:hidden; } #top_menu li:hover, #top_menu li.hover { overflow:visible; height:auto; } #top_menu a { position:relative; display:inline; color:#ffffff; text-decoration:none; height:inherit; line-height:27px; padding:0; font-size:13px; font-family:Arial, Helvetica, sans-serif; overflow:hidden; margin:0;} #top_menu li:hover a, #top_menu li.hover a {color:#ffffff;} #top_menu li:hover ul a, #top_menu li.hover ul a { line-height:23px; height:23px; color:#ffffff; white-space:nowrap; text-decoration:underline;overflow:visible; } #top_menu ul li {background:#4a4b4f; position:relative; display: block; float:none; height:auto; margin:0; padding:0; overflow: visible; font-size:12px; font-family:Arial, Helvetica, sans-serif; padding-left:8px; padding-right:7px; line-height:15px;-moz-opacity: 0.90; /* Mozilla 1.6 и ниже */ -khtml-opacity: 0.90; /* Konqueror 3.1, Safari 1.1 */ opacity: 0.90; /* CSS3 - Mozilla 1.7b +, Firefox 0.9 +, Safari 1.2+, Opera 9 */} #top_menu ul li:hover, #top_menu ul li.hover { background:#4a4b4f; } #top_menu ul li:hover a, #top_menu ul li.hover a {color:#ffffff;}

Подскажите пожалуйста, есть ли какой-то способ заставить картинку бекграунда растягиватся во весь экран, чтобы картинка пропорционально увеличивалась или уменьшалась в зависимости от разрешения иэкрана и "развернутости" окна браузера? я нашел только такую симуляцию, но она категорически не нравится 6-му експлореру <style type="text/css"> #layer1 { z-index: 1; width: 100%; height: 100%; position: fixed; /* можно absolute, в зависимости от цели */ left: 0; top: 0; } #layer2 { position: absolute; z-index: 2; } </style> </head> <body> <div id="layer1"> <img src="satelit.jpg" width="100%" alt=""> </div> <div id="layer2"> Содержимое страницы </div>

все уже разобрался, нужно было убрать эту часть а сворачивание менюшки перекинуть в onmouseout спасибо за подсказки

посоветовали... а разве так делать нельзя?

неа, всеравно опера не видит ссылку в принцыпе, а на всех остальныхъ ссылка хоть и отображается но переход не совершается....(

Помогите пожалуйста, див взятый в ссылку опера ссылкой не считает и експлореру он тоже не особо по душе, как заставить их видеть его ссылкой? <a href="#" onmouseover="this.parentNode.style.backgroundImage = 'url(siteimg/rpbg.jpg)'; this.parentNode.style.backgroundRepeat = 'repeat-x'; $('#inpq').show(); return false; this.style.menunew.color = '#ffffff ';" onclick="$('#inpq').hide(); return false;" onmouseout="this.parentNode.style.backgroundImage = 'none';"> <div class="menunew" valign="middle">hfbhbhbhb</div></a>

ясно, спасибо...

В идеале должна была получится меню со скрытыми списками подменю, которые будут появлятся при наведении мышкой на тот или инной пункт меню, ну или при нажатии на онные, подскажите плиз, что делаю не так и почему сами пункты меню не кликабельные? <table width="100%" height="100%" class="menunew" border="0" cellspacing="0" cellpadding="0"> <a href="#" onclick=" document.getElementById('menuw').style.display=''; return false;" <tr> <td colspan="4" height="49">dsadsad</td> </tr> </a> <span class="smenu" id="menuw" style="display:none"> <tr class="smenu" id="v1"> <td><a href="r">dsss</a></td> <td width="7px"></td> <td style="min-width:45px;" width="65px;"><img src="/siteimg/sl.png" align="absmiddle" /><a style="background-color:#bbb9ba" href="#">3121</a><img src="/siteimg/sp.png" align="absmiddle"/></td> <td style="min-width:45px;" width="65px;"><img src="/siteimg/orl.png" align="absmiddle" /><a style="background-color:#ff9c01;text-decoration:none" href="#">43</a><img src="/siteimg/orp.png" align="absmiddle"/></td> </tr> <tr class="smenu"> <td><a href="r">rrrrrrr</a></td> <td width="7px"></td> <td style="min-width:45px;" width="65px;"><img src="/siteimg/sl.png" align="absmiddle" /><a style="background-color:#bbb9ba;text-decoration:none" href="#">3121</a><img src="/siteimg/sp.png" align="absmiddle"/></td> <td style="min-width:45px;" width="65px;"><img src="/siteimg/orl.png" align="absmiddle" /><a style="background-color:#ff9c01;text-decoration:none" href="#">4443</a><img src="/siteimg/orp.png" align="absmiddle"/></td> </tr> <tr class="smenu"> <td width="32%"><a href="r">sss</a></td> <td width="7px"></td> <td style="min-width:45px;" width="65px;"><img src="/siteimg/sl.png" align="absmiddle" /><a style="background-color:#bbb9ba;text-decoration:none" href="#">3111</a><img src="/siteimg/sp.png" align="absmiddle"/></td> <td style="min-width:45px;" width="65px;"><img src="/siteimg/orl.png" align="absmiddle" /><a style="background-color:#ff9c01;text-decoration:none" href="#">1111</a><img src="/siteimg/orp.png" align="absmiddle"/></td> </tr></span> <tr> <a href="#"> <td height="49" colspan="4" >dsadsad</td> </a> </tr> <tr> <a href="#"> <td height="49" colspan="4" >dsadsad</td> </a> </tr> <tr> <a href="#d"> <td height="49" colspan="4" >dsadsad</td> </a> </tr> </table> .menunew{ padding:0;margin:0;border:none; } .menunew td{ list-style-type: none; height: 39px; text-indent: 15px; margin-top: -1px; color: #ff9c00; font-family: Arial, Helvetica, sans-serif; text-decoration: underline; font-size: 15px; } .menunew a{ font-size: 15px; font-family: Arial, Helvetica, sans-serif; text-decoration: underline; vertical-align: middle; color: #ff9c00; } .menunew td:hover, .menunew td.hover{ background: url(/siteimg/rpbg.jpg); font-weight: bold; text-indent: 15px; color: #FFFFFF; vertical-align: middle; height: 39px; text-decoration: none; } .smenu td, .smenu a,.smenu td:hover,.smenu td.hover,.smenu span{ list-style-type: none; font-size: 14px; color: #000000; text-decoration: none; text-indent: 15px; vertical-align: middle; background: transparent; font-weight: normal; height: 22px; } .smenu a{ color: Black; text-decoration: none; } .smenu a:hover{ color: Black; text-decoration: underline; font-weight: bold; }

сори, я не специально, это глюк был....

по сути страница не сложная, проблема же вот в чем: контентная часть состоит из 2-х колонок в левой много наполнения, а правая несет оформительский характер но в ней почти ничего нет и она по высоте зависит от количества наполнения, как не пытался заставить правую растянутся на всю высоту контентной части, ничего не выходит, кучу форумов облазил, ничего путнего не нашл, подскажите плиз в чем ошибка <div class="main-container clearfix"> <div class="head"> <div class="left"> <div class="logo" style="z-index:250"><a href="#"><img src="siteimg/logo.png"></a></div> </div> <div class="right"></div> </div> <div class="cont"> <div class="left" style="z-index:50"> <div class="ta"> <table border="0" cellpadding="0" cellspacing="0" width="100%" > <tr height="24px"> <td colspan="3"> <table border="0" cellpadding="0" cellspacing="0" width="100%"> <tr height="20px"> <td width="70px"></td> <td style="background-image:url(siteimg/podi.gif); background-repeat:no-repeat"> <table cellpadding="0" cellspacing="0"> <tr> <td style="padding-top:5px; padding-left:17px"><a href="#"><img src="siteimg/onas.jpg" /></a></td> <td style="padding-top:5px;padding-left:28px"><a href="#"><img src="siteimg/cp.jpg" /></a></td> <td style="padding-top:5px;padding-left:20px"><a href="#"><img src="siteimg/kont.jpg" /></a></td> </tr> </table> </td> <td width="40px"></td> </tr> <tr height="4px" style="background-color:#887973"> <td colspan="3" style="background-color:#887973"></td> </tr> </table> </td> </tr> <tr> <td class="tl" width="6px"></td> <td class="text" style="background-color:#FFFFFF"> <h1 style="padding-top:35px">Заголовок</h1><br> текст...... </td> <td class="tr" width="6px"></td> </tr> <tr height="8px"> <td valign="top" align="right" width="6px"><img src="siteimg/nlugol.png"></td> <td class="tn"></td> <td valign="top" align="left" width="6px"><img src="siteimg/npugol.png"></td> </tr> </table> </div> <div class="dirka"><img src="siteimg/dirka.jpg"></div> <div class="kop" style="z-index:150">как же без копирайта? ну так вот я копирайт</div> </div> <div class="right" style="z-index:1"> <div class="menu"> <table class="tt" border="0" cellpadding="0" cellspacing="0"> <tr height="35px"> <td colspan="2" style="font-size:18px">Меню</td> </tr> <tr height="30px"> <td valign="top" style="padding-top:2px" align="left" width="8px"><img src="siteimg/kub.gif"></td> <td valign="top" style="padding-left:6px"><a href="#"><b>qw</b> <br> qw</a></td> </tr> <tr height="30px"> <td valign="top" style="padding-top:5px" align="left"><img src="siteimg/kub.gif"></td> <td style="padding-left:6px"><a href="#"><b>qw</b> <br> qwЕ</a></td> </tr> <tr height="30px"> <td valign="top" style="padding-top:5px" align="left"><img src="siteimg/kub.gif"></td> <td style="padding-left:6px"><a href="#"><b>qw</b> <br> qw</a></td> </tr> <tr height="30px"> <td valign="top" style="padding-top:5px" align="left"><img src="siteimg/kub.gif"></td> <td style="padding-left:6px"><a href="#"><b>qw</b> <br> qw</a></td> </tr> <tr height="30px"> <td valign="top" style="padding-top:5px" align="left"><img src="siteimg/kub.gif"></td> <td style="padding-left:6px"><a href="#"><b>qw</b> <br> qw</a></td> </tr> </table> </div> </div> </div> <div class="podv"> <div class="left"> </div> <div class="right"></div> </div> </div> body {margin: 0px; padding: 0px; background-color:#dbc87c;} img { border: none; } .main-container { width: 100%; margin: 0px auto; min-width:1000px} clearfix:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;} .clearfix { display: inline-block; } html[xmlns] .clearfix { display: block; } * html .clearfix { height: 1%; } .head {position:relative; height:158px;width:100%} .head .left {position:relative; height:158px; width:80%; background-image:url(../../siteimg/stan.jpg); background-repeat:no-repeat; background-position:left; float:left} .head .left .logo {position:relative; height:133px; width:242px; top:63px; left:30px} .head .right {position:relative; height:158px; width:20%; background-image:url(../../siteimg/tochki.gif); background-repeat:repeat-y; background-position:left; float:left} .cont {position:relative; height:100%;width:100%; } .cont .left {position:relative; height:100%; width:80%; float:left;} .cont .left .ta {position:relative; height:100%; width:93%; left:200px;} .cont .left .ta a {text-decoration:underline; color:#c47c0a;line-height:18px} .cont .left .ta h1 {font-family:Arial, Helvetica, sans-serif;color:#685611; font-size:18px;line-height:18px} .cont .left .dirka{position:relative; width:192px; height:10px; top:-285px; left:0px} .cont .left .kop {position:relative; font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#000000; float:right; width:240px; height:20px;left:0px} .cont .right {position:relative; width:20%;height:100%; background-image:url(../../siteimg/tochki.gif); background-repeat:repeat-y; background-position:left; float:left; min-height:100%; } .cont .right .menu {position:relative; width:109px; height:177px;top:30px;left:-390%; vertical-align:} .cont .right .menu a {text-decoration:none; color:#000000} .tr { background-image:url(../../siteimg/pravkraybel.png);background-repeat:repeat-y} .tl {background-image:url(../../siteimg/levkraybel.png); background-repeat:repeat-y} .tn {background-image:url(../../siteimg/np.png); background-repeat:repeat-x; background-position:top} .tpu {background-image:url(../../siteimg/npugol.png); background-repeat:no-repeat} .tlu {background-image:url(../../siteimg/nlugol.png); background-repeat:no-repeat} .podv {position:relative; clear:both; width:100%; height:50px; background-color:#dbc87c;} .podv .left {position:relative; height:50px; width:80%; float:left} .podv .right {position:relative; height:50px; width:20%; background-image:url(../../siteimg/tochki.gif); background-repeat:repeat-y; background-position:left; float:left} .text {font-family:Arial, Helvetica, sans-serif; font-size:12px; line-height:18px;padding-left:30px;padding-right:40px;padding-bottom:40px}