CSS question...
- Started
- Last post
- 6 Responses
- gabriel2
I'm getting some odd spacing issues with IE on PC. For some reason it's adding some padding beneath the nested unordered lists. Anybody know why this is happening and how to fix it? Thanks!
- MX_OnD0
hmmm... looks good on Firefox.
You might want to try defining padding for the ul elements...
something I noticed in your CSS was the syntax..
I'd leave the "div" out of "div#content" and the other IDs you've defined...
also I'd define classes seperately,
so rather than use
"div#mainnav ul.showNav"use
"#mainnav" for your ID
and define".showNav" as a seperate entity... that way it's more reuseable....
- Epictive0
Add a li {display:block; }
It might also help in the future to do a wildcard on padding and margin like:
* {padding:0; margin:0; }
- dc_again0
default display for an li is block. bit like saying:
strong {font-weight: bold;}
- gabriel20
yeah, the block declaration doesn't really have any effect. I noticed that if I give the li a bottom border that fixes it, but that's definitely not the ideal solution...
- Epictive0
Yeah you're right. I am nuts. Long night. Sorry.
- gabriel20
if anyone was curious, I was able to fix the spacing gap by putting:
display: inline;
into the style declaration for the LI element