Jump to content
  • 0

и снова выпадающее меню


Likan
 Share

Question

сделал выпадающее меню, на 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)

не помогает...

Link to comment
Share on other sites

4 answers to this question

Recommended Posts

  • 0

а вы попробуйте :)

т.е. смотрите у вас для всех стоит width: 100%; а для IE width:expression(this.parentNode.offsetWidth), соответственно ширина считается в размер родителя, т.е. ширины основного меню.

Link to comment
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.

Guest
Answer this question...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

 Share

×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue. See more about our Guidelines and Privacy Policy