HTML Help
HTML Help Central . com

» Online Users: 79

0 members and 79 guests
No Members online
Most users ever online was 695, 02-16-2011 at 07:01 AM.

» Site Navigation

 > FAQ

» Domains For Sale

Results 1 to 2 of 2
  1. #1
    Join Date
    Feb 2014
    Posts
    1

    CSS Drop Down Menu Orientation Displaying Weird in IE.

    The site in question: http://www.dismantledesign.com

    The drop down css menu in my site is displaying weird in IE. It is under the PORTFOLIO link in the Navigation Bar. It displays fine in FF and Safari though. I don't have a screenshot because I use a Mac, but I noticed it on a friend's computer. The second and third lines (Publication & Merch) are tabbed over to the right. I can't figure out what is causing it.

    HTML & CSS codes below. The menu code is repeated on every page, so the HTML below should be fine. I think the problem is in the CSS though, but I cannot find it. If anyone can help that would be great. Thanks in advance.


    Here is my code for my navigation:

    Code:
    <div id="sausagelinks">
    
    			<a href="http://www.facebook.com/pages/Dismantle-Design/274701719300394" target="_blank" onmouseover="image1.src=loadImage1.src;" onmouseout="image1.src=staticImage1.src;"><img name="image1" src="images/facebook.png" height="40" width="32" alt=""></a>
    			&nbsp;&nbsp;
    			<a href="http://www.twitter.com/dismantledesign" target="_blank" onmouseover="image2.src=loadImage2.src;" onmouseout="image2.src=staticImage2.src;"><img name="image2" src="images/twittera.png" height="40" width="32" alt=""></a>
    			<br />
    			<br />
    			
    			<ul>
    				<li><a href="index.html" alt="">HOME</a></li>
    				<li><a href="#">PORTFOLIO</a>
    				<ul><br />
    				<li><a href="identity.html" alt="">IDENTITY</li>
    				<li><a href="publication.html" alt="">PUBLICATION</li>
    				<li><a href="merch.html" alt="">MERCH</li>
    				<li><a href="web.html" alt="">WEB</li>							
    				</ul></li><li><a href="projects.html">PROJECTS</a></li>
    				<li><a href="contact.html">CONTACT</a></li>
    			</ul>
    		</div>
    
    	</div>

    Here is my CSS code:

    Code:
    body
    {
    	background-image:url(http://images.htmlhelpcentral.com/messageboard/images/background2.png);
    	margin:0px;
    }
    
    #container
    {
    	margin: 0px auto;
    	padding:0px;
    	width: 1030px;
    	height:auto;
    
    }
    
    #masthead
    {
    	width: 1030px;
    	height:90px;
    	margin-top:0px;
    	margin-bottom: 20px;
    	font-size:10pt;
    	font-family: helvetica;
    	color: #fff;
    	position: relative;
    	background: transparent;
    }
    
    #logobox
    {
    	height: 90px;
    	width: 348px;
    	float: left;
    }
    
    #sausagelinks
    {
    	height: 90px;
    	width: 682px;
    	float: right;
    	text-align: right;
    	z-index: 90;
    }
    
    #sausagelinks ul ul 
    {
    	display: none;
    }
    
    #sausagelinks ul li:hover > ul {
    	display: block;
    }
    
    #sausagelinks ul 
    {
    	background: transparent; 
    
    	box-shadow: 0px 0px 0px rgba(0,0,0,0);
    	padding: 0 0px;
    	border-radius: 0px;  
    	list-style: none;
    	position: relative;
    	display: inline-table;
    }
    
    #sausagelinks ul:after 
    {
    	content: ""; clear: both; display: inline;
    }
    
    #sausagelinks ul li {
    	float: left;
    }
    	#sausagelinks ul li:hover {
    		background: transparent;
    		z-index: 90;
    	}
    		#sausagelinks ul li:hover a {
    			color: #fff;
    
    		}
    	
    	#sausagelinks ul li a {
    		display: block; padding: 10px 10px;
    		color: #757575; text-decoration: none;
    		z-index: 90;
    	}
    	
    	#sausagelinks ul ul {
    	background: #858585; border-radius: 0px; padding: 1px;
    	position: absolute; top: 100%;
    	z-index: 90;
    	
    }
    	#sausagelinks ul ul li {
    		float: left; 
    		position: relative;
    		z-index: 90;
    		
    	}
    		#sausagelinks ul ul li a {
    			padding: 5px 10px;
    			color: #fff;
    			z-index: 90;
    			
    		}	
    			#sausagelinks ul ul li a:hover {
    				background: transparent;
    				z-index: 90;
    			}
    	
    
    #contactbox
    {
    	width: 990px;
    	height: 481px;
    	background-color: #231f20;
    	border-radius: 20px;
    	padding: 20px;
    	margin-top: 40px;
    	margin-bottom: 30px;
    	color: #bcbec0;
    	font-family: arial;
    	font-size: 10pt;
    }
    
    #formbox
    {
    	width: 250px;
    	height: 481px;
    	float: left;
    }
    
    #formbox2
    {
    	width: 550px;
    	height: 481px;
    	float: left;
    }
    
    #infobox
    {
    	width: 599px;
    	height: 461px;
    	padding-top: 10px;
    	padding-bottom: 10px;
    	padding-left: 20px;
    	padding-right: 20px;
    	float: right;
    	background-color: #414141;
    	border-radius: 10px;
    }
    
    
    h2
    {
    	font-family: arial;
    	color: #74db42;
    	font-size:12pt;
    }
    
    #feet
    {
    	margin-top:10px;
    	margin-bottom: 30px;
    	padding: 15px;
    	background-color: transparent;
    	width: 1010px;
    	height: 20px;
    	font-family: arial;
    	font-size: 8pt;
    	color: #939598;
    
    }
    
    #extra_width {padding-left: 20px;}
    
    a:link {color: #939598;}
    a:visited {color: #939598;}
    a:active {color: #939598;}
    a:hover {color: #74db42;}
    a {text-decoration: none;}

  2. #2
    Join Date
    Sep 2007
    Location
    chertsey, a small town 25 miles south west of london, england.
    Posts
    369
    Hi there Dismantle Desig,

    and a warm welcome to this little backwater of a forum.

    The majority of posters here are brain dead spammers, who manage, on
    average, over a thousand dosages of Indian love guru shit every day.

    I have done a reworking of your layout here...

    http://www.htmlhelpcentral.com/messageboard/image.php?type=sigpic&userid=8698&dateline=1189772  724

Similar Threads

  1. need help setting a delay on displaying a menu
    By stevemtno in forum Javascript / AJAX / VBScript
    Replies: 1
    Last Post: 06-15-2011, 04:15 AM
  2. Sub Menu Drop Down
    By tangibletraffic in forum CSS
    Replies: 2
    Last Post: 07-22-2009, 10:31 PM
  3. Help with a drop down menu
    By jemnifer in forum Chat Central
    Replies: 1
    Last Post: 05-05-2009, 08:05 PM
  4. drop down menu help
    By Goldski in forum Javascript / AJAX / VBScript
    Replies: 1
    Last Post: 06-21-2005, 05:40 AM
  5. help with a drop-down menu
    By slant in forum HTML / XHTML / XML
    Replies: 1
    Last Post: 11-02-2002, 01:25 PM

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  
Powered by vBadvanced CMPS v4.1.1