On Mon, Dec 26, 2005 at 05:58:29PM -0000, Simon Kittle wrote:
> > If any uses of line-height are specified in em or % or px you are 
> > asking for the trouble you describe. Remove "em" from your line-height 
> > rule and you'll likely see the problem disappear. See:
> > http://members.ij.net/mrmazda/auth/line-height-inherit.html

> Thanks for that.  I thought it was the problem at first.  However, I've now
> removed all instanced of line-height from my project just to debug and the
> same thing is still happenning.

> All I've got is this:

> line one<br />
> <span style="padding: 2px; border: 1px solid gray;">line two</span>

Hey,

I've seen you fixed the problem som other way, but the real problem is
applyign styles in a span. Spans are inline elements so applying padding acts
on then in an unusual way, I've found. I think if you used a DIV, or else
applied display: block; to the span you'd find it'd be more manageable. Or
reduce the padding itself.

There's a quite deltailed description of it here:
http://www.meyerweb.com/eric/css/inline-format.html
Test document: http://www.meyerweb.com/eric/css/inline-test-1.html


Also, not sure how the body tag font affected it, but my general way of
setting forn-size, is body { font-size: 62.5%; } which reduces the font size
to 10px, and size using ems from there on in.

Works very well, in my experience.

- Kevin
______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Reply via email to