Charles Dort wrote: > Can anyone tell me what trouble I might get into using this > pseudo-class? If it will just be that some browsers will display it > as regular paragraphs, I'm not going to worry about it. The drop > caps aren't that important. Here's the only page I've used them on, > at least so far: > > www.allsaintsofamerica.org/new_site/index.html
You've mentioned the only real risk there is: that some (older) browsers don't understand the 'first letter' pseudo-class. Not a real problem IMO. In case you like to play with details, then there's also some differences in how the latest browsers position 'first letter' drop-caps. Nothing major, just a slight height-difference, but visible on your page too. I found I had to play a bit with some properties in order to level the playing-field. Font-size, line-height and margins _together_ did the trick, as Firefox and IE/win don't apply line-height defined on drop-caps, while Opera and Safari do. So I ended up with something like this: p:first-letter { float: left; padding: 0 .1em 0 0; font-size: 3.2em; line-height: .7em; margin: .02em -.06em -.2em; } ...that is "tuned" across browser-land. Can't be sure I've covered all the latest browser-versions, but not too far off. Can be evaluated at <http://www.gunlaug.no/contents/wd_additions_04.html> You may all take a look at what IE6 does when running out of space for the drop-cap. Look at the 'I' in the Opera-section, and narrow the window carefully towards minimum (below 600px). "Nice feature", I'd say :-) Other browsers is given a different min-width, so the drop-cap and text isn't that easily broken in those. regards Georg -- http://www.gunlaug.no ______________________________________________________________________ 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/