...

View Full Version : Extra padding in IE6 bottom of the nav bar.



Henningfeld
05-26-2009, 09:54 PM
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/ (http://golterman-sabo.myimpactcms.com/)

abduraooft
05-27-2009, 10:05 AM
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 (http://csscreator.com/?q=divitis), specifically
<div id="menuPrimary">
<div class="menu">. I don't see any purpose for these two divs.

After that, try the following changes

#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;
}

Henningfeld
05-27-2009, 02:58 PM
It made Firefox look exactly like IE6 what i was going for is making IE6 look like Firefox.

abduraooft
05-27-2009, 03:09 PM
Could you post another link of your page after the above changes?

Henningfeld
05-27-2009, 03:38 PM
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?

abduraooft
05-27-2009, 03:49 PM
Add
* {
margin:0;
padding:0;
} into your css

Henningfeld
05-27-2009, 03:59 PM
Thank you very much



EZ Archive Ads Plugin for vBulletin Copyright 2006 Computer Help Forum