[Webkit-unassigned] [Bug 88199] New: Text flowing outside of div

[bugzilla-daemon at webkit.org]

https://bugs.webkit.org/show_bug.cgi?id=88199

           Summary: Text flowing outside of div
           Product: WebKit
           Version: 528+ (Nightly build)
          Platform: Macintosh
        OS/Version: Mac OS X 10.6
            Status: UNCONFIRMED
          Severity: Minor
          Priority: P2
         Component: CSS
        AssignedTo: webkit-unassigned at lists.webkit.org
        ReportedBy: bob.passaro at gmail.com


I don't know technically what is happening here. Just noticed this rendering problem in Safari and Chrome while building a site.

Take a look at this blog post:

http://nwbooklovers.org/2012/06/01/nw-book-lovers-chapter-two/

Scroll down about 3/4 of the way -- it's a kinda long post -- till you see a photo of a woman wearing a bike helmet at the subhead: "Interviews by Lindsey McGuirk"

Look at the first line of text in the next paragraph and see if you notice part of the last word being clipped off -- this does not seem to be happening in Firefox or IE.

If "overflow" is turned to "visible" you can see the rest of the clipped word, but it's still flowing outside of its div.

Scroll around in the post and see if you see it where any of the other photos are floated into the margin area.

What's going on here is that the main content div for the text of the post has 220px of left padding. The thumbnail photos (inside that div) are floated left with a -220px left margin so they go out into that open space.

This issue has been discussed -- with a number of ideas offered -- at the css-discuss list-serve under the subject line "Text being clipped ..."

None of the ideas seemed to work. It's very strange. It seems that maybe something to do with the float and the negative margin are causing the line of text to flow outside of its div?

Thanks for looking into this.

-- 
Configure bugmail: https://bugs.webkit.org/userprefs.cgi?tab=email
------- You are receiving this mail because: -------
You are the assignee for the bug.