--- On Tue, 7/29/08, Christopher [EMAIL-REMOVED]> 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
> - 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
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.
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/