--- On Tue, 7/29/08, Christopher <[EMAIL PROTECTED]> wrote: > Hello, I have fixed some of my problems I have encountered > on my site, there are a few more issues and I have > done some over view of the styles and so forth. I'd > like to know if you take a look at the page at > http://www.walkfar.ca/test/productionsite18.html > > - In Opera 9.51 the "sheep" word overlaps the "W" and the "you" word > overlaps the "T" > > - In IE7 the "W" is cut off but the rest of the text looks good compared > to Opera 9.51 **BUT** > > - In FF3 the gap between the rest of the text and the "W" is too large
Hi Christopher, Please realise that not all of us are awake at 2.00AM (BST), and not everyone has lost patience with you, despite the huge volume of your questions. I earlier suggested that the use of "first-letter" is probably not ideal due to poor browser support, particularly when combined with floats and the desire to have a 'pixel-perfect' design. I also suggested that Paul Boag's approach (http://boagworld.com/usability/content_is_dead_long_live_cont/) is probably worth trying. I'm not an expert on 'first-letter', but Paul is a guy who generally knows his stuff pretty well, and I'm guessing there's a good reason he's taken an alternative approach. The main cause of your problems appears to be your declaration of a 50-pixel font-size for the first letter, which appears in a paragraph with a line-height of 16-pixels. Take a look at this page (http://www.fiveminuteargument.com/line-height) for an overview of how line-height works. Also check out a very simple example (http://www.fiveminuteargument.com/line-height-basic) which demonstrates the 'line-height smaller than font-size' issue. - Bobby ______________________________________________________________________ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
