Karl Jacobs wrote:
> Still having a whitespace problem with IE (5, 6, and 7).
> any other tricks?...
>
#leftnav li {
width: 143px;
border-top: solid 1px #7A7BAF;
font-size: 1em; /* <-- insert this */
}
#leftnav a {
/* font-size: 10px; */
/* line-height: 12px; */
display: block;
/* vertical-align: bottom; */
font-weight: bold;
padding-top: 4px;
padding-bottom: 4px;
padding-right: 4px;
padding-left: 4px;
cursor: pointer;
width: 143px;
wid\th: 135px;
background: red; /* <-- helps seeing the bug */
}
The white space bug here is more like an additional inline box that is
inserted between </a> and </li>, like
</a>[]</li>
(This is of course not the entire problem, but the problem as a whole is
not understood yet, but since IE7b2 shares the bug, we have enough time)
This little box would "inherit" the font-size/line-height, no matter how
you squeeze the anchor.
<12px/a>[1em]<?/li>
And you could make the gap taller by increasing the text zoom in IE --
if the rest of the page wouldn't set a font size in px.
Therefore, you should avoid setting font-size/line-height on the a; set
it on the li instead, since the little box is not real. A px-fixed font
size is not a good idea in IE, btw.
Generally, you might help us in providing an URL to a minimized problem
page, instead of posting some code that might not contain the bug trigger.
Ingo
--
http://www.satzansatz.de/css.html
______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
