> Simon Kittle wrote: > > line one<br /> > > <span style="padding: 2px; border: 1px solid gray;">line two</span> > > > > And within the content of my page this is being display as this: > > > > http://www.moseyondown.com/dev/css/20051226.line-height-problem.png > > > > Unfortunately I can't post the page's HTML as it's an > unreleased website. > > > > > > Do you know anything that might give the behavior? Other CSS > > attributes that can affect spacing like that? > > Since you don't want us to have a look at the code, you > should visit your page with Firefox DomInspector (requires > chosen Option while installing Fx) and inspect the offending > CSS style rules and Computed Styles.
it's not that I don't want you to look at my code, it's just I'd get in trouble :) hehe. Anyway, I think I've found the problem. I was globally setting the "font-size" to a pixel value (12px) in the top of my main CSS stylesheet. This caused the problem I was having. If I remove it, and simply set the font-size on my DIV's then it works great. Why font-size on the BODY tag affects line height's in the document I have no idea. With regards to your suggestion though - I've used the DOM tool before to inspect style and it's quite useful, however in my usage I only ever saw the style directly applied to the element being viewed. Is there a way to make the DOM viewer display all inherited style also? I know it's not a CSS question but I thought I'd tag it on as you suggested it! :) Thanks Simon ______________________________________________________________________ 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/
