taestrada wrote:
> I'm having some centering problems with my navigation. IE 7 looks good for
> the main green navigation (with Home, About Us, etc.), but Firefox is off.
> (I haven't checked IE 6 yet as I don't have a computer at home with IE 6.)
>
> The secondary navigation (Basics, Damage, etc.) is completely off. It should
> be centered on both lines, and contained within the "secondaryNavRodents"
> div. It is contained within the div in IE 7, but not in Firefox.
>
>
> I have the left and right margins set to auto, and a width applied to the
> div - but I'm obviously missing something.
>
>
> http://www.cascadepest.com/_NEW_SITE/rodents/index.html
>
>
>
> Alix Estrada
>
Replace these 4 the rulesets for these four selectors:
#topnav
#topnav ul
#topnav li
#topnav li a
with these:
#topnav {
overflow:hidden;
margin: 6px auto 0 auto;;
padding:0;
width: 929px;
}
#topnav ul {
list-style: none;
margin: 0 auto;
padding: 0;
width: 940px;
}
#topnav li {
float : left;
border-right: 1px solid #FFFFFF;
list-style: none;
height: 42px; width: 9.85%;
}
#topnav li a {
display: block;
padding: 4px 7px 0px 3px;
color: #FFFFFF;
text-decoration: none;
font-weight: bold;
background: url(navBack0.jpg) repeat-x center top;
font-size: 85%;
text-align: center;
height: 42px;
}
Add overflow:hidden to this selector:
#secondaryNavRodents ul { overflow: hidden;
}
Add this at top of style sheet to correct em font-scaling bug in thr IEs:
html {font-size:100%;}
Rule of thumb: Code to compliant browsers-- correct the IEs if and when
necessary.
--
A thin red line and a salmon-color ampersand forthcoming.
http://chelseacreekstudio.com/
______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
