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 7 of 7
  1. #1
    New Coder
    Join Date
    May 2009
    Posts
    37
    Thanks
    2
    Thanked 0 Times in 0 Posts

    Extra padding in IE6 bottom of the nav bar.

    When i look it has about 10 px of extra padding or margin making the white background hover effect thrown off. I have started trying to do display:inline. On certain elements and have had no luck. Any help would be appreciated.


    http://golterman-sabo.myimpactcms.com/

  • #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
    Are you trying to achieve the display in IE6 similar to the current one in FF?
    If so, the first thing you need to consider is to cure the divitis in your code, specifically
    Code:
    <div id="menuPrimary">
    <div class="menu">
    . I don't see any purpose for these two divs.

    After that, try the following changes
    Code:
    #mainMenu {/*layout.css (line 146)*/
    background:#CFC7C5 none repeat scroll 0;
    height:35px;
    position:relative;
    width:680px;
    z-index:5000;
    }
    .menu_v{
    			position: absolute;
    			/*float: left;*/
    			bottom:-1px;
    			left:0;
    			list-style: none;
    			padding: 0px;
    			margin: 0px 0px 0px 5px;
    			z-index: 1000;
    		}
    .menu_v li.top_level a.top_level{
    			font-size:9pt;
    			font-weight: bold;
    			color: #ffffff;
    			font-family: Arial, Helvetica, sans-serif;
    			z-index: 10000;
    			padding:0 5px;	
    			line-height:25px;
    			display:block;
    			margin:0;
    		}
    The Dream is not what you see in sleep; Dream is the thing which doesn't let you sleep. --(Dr. APJ. Abdul Kalam)

  • #3
    New Coder
    Join Date
    May 2009
    Posts
    37
    Thanks
    2
    Thanked 0 Times in 0 Posts
    It made Firefox look exactly like IE6 what i was going for is making IE6 look like Firefox.

  • #4
    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
    Could you post another link of your page after the above changes?
    The Dream is not what you see in sleep; Dream is the thing which doesn't let you sleep. --(Dr. APJ. Abdul Kalam)

  • #5
    New Coder
    Join Date
    May 2009
    Posts
    37
    Thanks
    2
    Thanked 0 Times in 0 Posts
    http://golterman-sabo.myimpactcms.com/contact.aspx


    I got the nav to look right but now the has way to much white space any ideas how to get that down to 5px?

  • #6
    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
    Add
    Code:
    * {
    margin:0;
    padding:0;
    }
    into your css
    The Dream is not what you see in sleep; Dream is the thing which doesn't let you sleep. --(Dr. APJ. Abdul Kalam)

  • #7
    New Coder
    Join Date
    May 2009
    Posts
    37
    Thanks
    2
    Thanked 0 Times in 0 Posts
    Thank you very much


  •  

    Posting Permissions

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