CSS pseudo class first-letter with float:left is misplaced when two clear:right;float:right; divs are above it




12 years ago
7 years ago


(Reporter: bugreport, Unassigned)


Windows XP

Firefox Tracking Flags

(Not tracked)





12 years ago
User-Agent:       Mozilla/5.0 (Windows; U; Windows NT 5.1; en-US; rv: Gecko/20060909 Firefox/
Build Identifier: Mozilla/5.0 (Windows; U; Windows NT 5.1; en-US; rv: Gecko/20060909 Firefox/

CSS pseudo class first-letter with a float:left property is misplaced if two or more (but not one) div's with clear:right;float:right; properties are above the paragraph. The first-letter is placed in the left middle of the paragraph, below the bottom of the first div. An example of where this would occur is a drop cap paragraph with two right sidenotes. 

Reproducible: Always

Steps to Reproduce:
1. Make a <p> with first-letter style p:first-letter {float:left}
2. Put two <div> with style float:right;clear:right; above the <p>
3. View in Firefox. 
Actual Results:  
The first-letter of the <p> was misplaced to the left middle of the paragraph. It does not look good and makes the paragraph hard to read.

Expected Results:  
I expected the first-letter to be at the start of the paragraph in the upper left.

Comment 1

12 years ago
This bug is invalid.  See comments for Bug 365965

Comment 3

8 years ago
David, IE8/9, Opera and Safari (I guess Chrome as well) agree with us here.

I haven't seen any CSS WG activity on this issue. Do you have an opinion on how to proceed?
I think we should fix it eventually by redesigning floating first-letter to be a drop-cap feature.  But it's not a high priority.
Ever confirmed: true
You need to log in before you can comment on or make changes to this bug.