Not signed in (Sign In)
SkillShare - A place to discuss Web Standards and Web Design topics
Categories
Vanilla 1.1.5a is a product of Lussumo. More Information: Documentation, Community Support.
-
hello.
i've had this issue in a couple of spots, this is just an example. i must have something in the css that ie is interpreting differently than i'd like.
i stripped out this list (mostly to make sure a parent container wasn't the issue) so it can be seen specifically.
http://test4.figure3a.com/test.html
firefox looks fine, but ie7 is putting space (like padding) at the bottom of each li. the border is there just to make it more visible.
all the css is in the head.
much thanks. -
- CommentAuthoraxe_sosharp
- CommentTimeApr 3rd 2007
Hi modest,
Don't have a clue why IE7 insists on adding the space, but it comes from the display:block against <a> in the CSS.
There are two ways to fix this depending on whether it has any effect on the rest of the design.
The easy way is to move the border from the list container to the #homenavlist li a and add float:left; and clear:left to #homenavlist li in the CSS. This may impact on other floated elements though.
IMO a better way which is less likely to effect the rest of the design would be to:
->Move the background image from the <a> and apply to the list container<li> (note: you will need to stop the image from repeating )
->Remove the display:block from the <a>
->Move the height,width and padding from the <a> and apply to the <li> (note: you may need to adjust the values slightly)
Hope this helps -
kinda sucks that you need to do it like that, but it seems to have worked.
thx. -
- CommentAuthoraxe_sosharp
- CommentTimeApr 4th 2007
Yeah I know but we are talking about IE, it would be too much to expect after spending millions of dollars for them to get it right first time!
1 to 4 of 4