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
    Regular Coder
    Join Date
    Aug 2005
    Posts
    365
    Thanks
    7
    Thanked 1 Time in 1 Post

    Question CSS popup list menu not positioned in IE7

    Hi experts,

    I just created a list popup menu which is absolutely looking fine in Firefox & Safari but when I see it in IE7, the menu appears on the right edge of the page's contents div.

    Please see the attached graphics. I attached both views, firefox & ie7.

    Here is the HTML...
    Code:
    <div class="categories">
    			<ul>
    				<li><a href="#" class="active">Category</a>
    					<ul>
    						<li><a href="#">Sub Category</a></li>
    						<li><a href="#">Sub Category</a></li>
    						<li><a href="#">Sub Category</a></li>
    					</ul>
    				</li>
    				<li><a href="#">Another</a></li>
    				<li><a href="#">Another</a></li>
    			</ul>
    		</div>
    Here is the CSS...
    Code:
    .categories ul li {
    	display: inline;
    }
    .categories ul li a {
    	float: left;
    	display: block;
    	padding: 9px 13px;
    	font: 18px Arial, Helvetica, sans-serif;
    	color: #4c8b8f;
    	background-color: #c9e3e5;
    	margin-right: 6px;
    	text-decoration: none;
    }
    .categories ul li a.active {
    	color: #000;
    	background-color: #fff;
    }
    .categories ul li a:hover {
    	color: #000;
    	background-color: #fff;
    }
    .categories ul li ul {
    	display: none;
    	position: absolute;
    	laft: 0;
    	top: 144px;
    	border-left: 1px solid #c9e3e5;
    	border-right: 1px solid #c9e3e5;
    	border-bottom: 1px solid #c9e3e5;
    	background-color: #fff;
    	width: 120px;
    	padding-bottom: 10px;
    }
    .categories ul li:hover ul {
    	display: block;
    }
    .categories ul li ul li {
    	background-color: #fff;
    	border-bottom: 1px solid #ff0000;
    }
    .categories ul li ul li a {
    	background-color: #fff;
    	font: 12px Arial, Helvetica, sans-serif;
    }
    .categories ul li ul li a:hover {
    	color: #a90000;
    }
    Attached Thumbnails Attached Thumbnails CSS popup list menu not positioned in IE7-firefox.jpg   CSS popup list menu not positioned in IE7-ie7.jpg  

  • #2
    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
    Can we have a link?
    The Dream is not what you see in sleep; Dream is the thing which doesn't let you sleep. --(Dr. APJ. Abdul Kalam)

  • #3
    Regular Coder
    Join Date
    Aug 2005
    Posts
    365
    Thanks
    7
    Thanked 1 Time in 1 Post
    Sorry but I am unable to show you the link. I have signed the NDA & cannot display what is this site. I hope you understand.

    Is there any other info that I should provide?


  •  

    Posting Permissions

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