Need help won't display menu in Internet explorer

Discussion in 'HTML & Website Design' started by jdgrinder, Aug 22, 2011.

  1. #1
    Ok on the company website I work for the menu won't display the menu on the home page and contact page. But the product, service, calculators page work fine.
    I believe it has something to do with the css code. Any help is much appreciated.
    website = http://www.bbhydraulics.com
    works fine in firefox.

    This shows the menu
    <style type="text/css"><!--
    #page6 #main .box .border-top .border-right .border-bot .border-left .left-top-corner .right-top-corner .right-bot-corner .left-bot-corner .inside #content .wrapper .mainContent .row-1 .box1 .inner h5 {
    	color: #FFF;
    }
    --></style>
    
    Code (markup):
    This doesn't show menu
    <style type="text/css"><!--
    #page1
     #main .box .border-top .border-right .border-bot .border-left
    .left-top-corner .right-top-corner .right-bot-corner .left-bot-corner
    .inside #content .wrapper aside .box2 .border-top .border-right
    .border-bot .border-left .left-top-corner .right-top-corner
    .right-bot-corner .left-bot-corner .inner table tr form td table tr td {
        color: #FFF;
    }
    
    Code (markup):
    Is there something I need to add to the html files to show code correctly in Internet explorer 7 and higher?
     
    jdgrinder, Aug 22, 2011 IP
  2. jdgrinder

    jdgrinder Member

    Messages:
    51
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    41
    #2
    I now think it has something to do with the .nav css code
    .box nav {
    			background:url(../images/nav-bg.gif) 0 0 repeat-x;
    			overflow:hidden;
    			margin-bottom:1px;
    			height:48px;
    		}
    			.box nav ul li {
    				float:left;
    				background:url(../images/divider.gif) no-repeat 0 0;
    				padding-left:1px;
    			}
    			.box nav ul li.last {
    				width:145px;
    			}
    				.box nav ul li a {
    					float:left;
    					font-size:13px;
    					color:#fff;
    					text-decoration:none;
    					width:148px;
    					text-align:center;
    					height:47px;
    					line-height:47px;
    				}
    				.box nav ul li a:hover, .box nav ul li a.current {
    					background:url(../images/nav-bg-act.gif) 0 0 repeat-x;
    				}
    
    Code (markup):
     
    jdgrinder, Aug 22, 2011 IP
  3. jdgrinder

    jdgrinder Member

    Messages:
    51
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    41
    #3
    That was the problem I just had to add the .nav box into the css style code in the index file.
     
    jdgrinder, Aug 22, 2011 IP
  4. jdgrinder

    jdgrinder Member

    Messages:
    51
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    41
    #4
    well I am stupid I was looking in firefox. I still need help
     
    jdgrinder, Aug 22, 2011 IP
  5. jdgrinder

    jdgrinder Member

    Messages:
    51
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    41
    #5
    well I fix it but don't know why it work. Copy the web pages that work into the ones that didn't.
     
    jdgrinder, Aug 22, 2011 IP
  6. h0mayun

    h0mayun Peon

    Messages:
    32
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #6
    did you fixed your problem?
     
    h0mayun, Aug 22, 2011 IP
  7. jdgrinder

    jdgrinder Member

    Messages:
    51
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    41
    #7
    Thanks for asking. Yes I fix it just copy the web pages that were working and put that code into the other web pages. Very strange because it all the same code
     
    jdgrinder, Aug 22, 2011 IP