Reward for whoever can solve this easy CSS problem

Discussion in 'HTML & Website Design' started by cavemanlawyer15, Aug 30, 2007.

  1. #1
    To anyone who knows CSS, this could be a very easy question. And to make it interesting, I'm offering a prize to the first responder -- see below.

    Here's my site: www.clicksharpmarketing.com/beta/Superfans

    Notice that in Internet Explorer, there's an extra line between the orange nav bar and the main content header ("home")? That's not happening in Safari or Firefox. Does anyone know why?

    And now the reward. We'll feature your name & web site in the Superfriends section (see "Grab Bag" on the nav). This could be a trivial inbound link, but probably not ... last year during Super Bowl week our site got 60,000 unique visits. Just our way of saying Thank You.

    Go Bears
    PB
     
    cavemanlawyer15, Aug 30, 2007 IP
  2. twistedspikes

    twistedspikes Notable Member

    Messages:
    5,694
    Likes Received:
    293
    Best Answers:
    0
    Trophy Points:
    280
    #2
    think the problem is the padding.

    
    
    #sitemenu-content ul {
        text-align: center;
        padding:0;
        padding: 10px;
        padding-bottom: 9px;
        padding-top: 10px;
        padding-left: 35px;
        padding-right: 35px;
    }
    
    /* Hides from IE5-mac \*/
    * html #sitemenu-content ul {
        padding-left: 0;
    }
    /* End hide from IE5-mac */
    
    #sitemenu-content li {
        margin: 1px 0px;
        padding: 0px 11px;
        display: inline;
    	font-weight:bold;
        font-size:1.0em;
        color: #151B54;
    }
    Code (markup):
    should be

    
    #sitemenu-content ul {
        text-align: center;
        margin: 10px;
        margin-bottom: 9px;
        margin-top: 10px;
        margin-left: 35px;
        margin-right: 35px;
    }
    
    /* Hides from IE5-mac \*/
    * html #sitemenu-content ul {
        margin-left: 0;
    }
    /* End hide from IE5-mac */
    
    #sitemenu-content li {
        margin: 1px 11px;
        display: inline;
    	font-weight:bold;
        font-size:1.0em;
        color: #151B54;
    }
    Code (markup):
    But this could cause other problems...test it and see.
     
    twistedspikes, Aug 30, 2007 IP