Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 3 of 3
  1. #1
    New to the CF scene
    Join Date
    Aug 2007
    Posts
    2
    Thanks
    0
    Thanked 0 Times in 0 Posts

    CSS Drop Down Menu (IE Bug)

    Open this webpage in Internet Explorer. Now, navigate the CSS menu on the left-hand side. Mouseover "About Us," then attempt to scroll over one of the sub-menus that come up.

    Having trouble? The menus disappear after the mouse is moved slightly, and often times it is impossible to even get the sub-menus to highlight. Can anyone help me with the CSS coding? I believe there is a bug with IE that doesn't allow the sub-menus to be navigated, but I don't know what. It works in Mozilla, Opera, and other browsers.

    Code:
    	  BODY {font-family:"arial narrow" "arial" "helvitica"; font-size:12; margin-left:50px; padding:0px; padding-top:0px}
    	  P {font-family:"arial narrow"; font-size:12;}
    
    ul {
    	margin: 0;
    	padding: 0;
    	list-style: none;
    	width: 150px;
    	}
    
    ul li {
    	position: relative;
    	}
    
    
    li ul {
    	position: absolute;
    	left: 149px;
    	top: 0;
    	display: none;
    	}
    
    
    ul li a {
    	display: block;
    	text-decoration: none;
    	color: #777;
    	background: transparent;
    	padding: 5px;
    	border: 0px solid #ccc;
    	border-bottom: 0px;
    	}
    
    ul li a:hover{color:#777;
    			  background:#eff6f8}
    
    
    /* Fix IE. Hide from IE Mac \*/
    * html ul li { float: left; height: 1%; }
    * html ul li a { height: 1%; }
    /* End */
    
    
    ul {
    	margin: 0;
    	padding: 0;
    	list-style: none;
    	width: 150px;
    	border-bottom: 0px solid #ccc;
    	}
    
    li:hover ul, li.over ul { display: block; }
    
     #nave-menu{
    width:30em
    }
    There is the CSS coding ("View Source" for HTML part of webpage), can anyone help fix this bug?

  • #2
    Senior Coder effpeetee's Avatar
    Join Date
    Feb 2007
    Location
    Clapham Junction - London SW
    Posts
    4,885
    Thanks
    228
    Thanked 204 Times in 203 Posts
    Just a quick remark- I find that you can navigate them if you keep the left button depressed until you are over the selected point.

    Not sure what this means, but it may help you to find it.

    Frank

    EDIT
    You have "@import "styles.css";"

    Could you try this instead. It is the way that I always link to the style sheet.

    <LINK REL="stylesheet" TYPE="text/css" HREF="styles.css">

    This may help you decide,

    http://www.mail-archive.com/wsg@webs.../msg00841.html
    Last edited by effpeetee; 09-11-2007 at 10:50 PM. Reason: Added info.
    * Sources (updated: 21.11.2012.
    Using Windows 8 Professional. 64bit with HP Photosmart 5510 printer Very useful site here.

  • #3
    Supreme Master coder! abduraooft's Avatar
    Join Date
    Mar 2007
    Location
    N/A
    Posts
    14,861
    Thanks
    160
    Thanked 2,223 Times in 2,210 Posts
    Blog Entries
    1
    There is no submenu when I viewed in IE6, I think you may have to follow the Son of Suckerfish method to get it work. They are using a support of Javascript.
    The Dream is not what you see in sleep; Dream is the thing which doesn't let you sleep. --(Dr. APJ. Abdul Kalam)


  •  

    Posting Permissions

    • You may not post new threads
    • You may not post replies
    • You may not post attachments
    • You may not edit your posts
    •