I have drop caps at this site where I use a JS CSS swapper:
http://sorenkierkegaard.org/comment.htm
In the default version (the white background version) the drop cap would work
in Firefox 1.5.8 only on the first page, but after you navigate out, the letter
would display without the drop cap (sometimes duplicated). Then if you would
redraw the page, the affected paragraph would be duplicated. Very weird. (IE 6
is fine).
p.first:first-letter {float: left; margin-right: 6px; padding: 5px; font:
italic 4em "Times New Roman", Times, serif; color: #008080;}
I found that if I gave the "first" class (not otherwise defined) relative
positioning, then the drop cap would work. (IE did not like this so I used a CC
to give it static positioning.)
The black background version did not exhibit this behavior.
p.first:first-letter {float: left; margin-right: 6px; padding: 8px; font:
italic 2.5em "Times New Roman", Times, serif; color: #FFF; background-color:
#555; border: 1px solid #F00;}
Could this be related to the style swapper JS? Has anyone seen this before?
dan storm ~ web developer ~ amazon.com ~ w: 206.266.0292 ~ c: 425.503.9580
______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
