Well, I removed the surrounding anchor element and left just the image element -- the last word is still running outside the div and being clipped.
Still perplexed. I'm sure it has something to do with this floated image though. -Bob On Sat, Jun 2, 2012 at 1:57 PM, Bob Passaro <[email protected]> wrote: > Ah. Interesting. I'll try this. Thank you, David. (Interesting to learn to > that the <a> automatically defaults to "block" when you float it -- didn't > know that) > > By the way, I'm starting to think this is a Chrome/Safari issue (don't > they use the same rendering engine?) > > It doesn't appear to happen in Firefox. IE I'm not certain about. > > -Bob > > > On Sat, Jun 2, 2012 at 8:26 AM, David Hucklesby <[email protected]>wrote: > >> (Please see below for the replies.) >> >> >> On Fri, Jun 1, 2012 at 7:17 PM, Bob Passaro<[email protected]> >>>> wrote: >>>> >>>>> Working on WordPress site. Take a look at this post: >>>>> >>>>> http://nwbooklovers.org/2012/**06/01/nw-book-lovers-chapter-**two/<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. Not everyone seems to >>>>> see this, but it doesn't seem to be completely browser related. >>>>> >>>>> [...] >> (moved reply ->) >> >> On 6/1/12 5:12 PM, Bob Passaro wrote: >> >>> Thanks, Tim. Tim has identified the cause of the text being clipped >>> (see below). Makes sense this is an "overflow" issue. >>> >>> If I change to overflow:visible the rest of the word shows up. But >>> it is going outside of its div. >>> >>> So the question now is: Why is the text wanting to flow outside the >>> content div?? >>> >>> Or more practically, how do I counteract that? >>> >>> Perplexed, >>> >>> -Bob >>> >>> >>> >>> I don't see it on Firefox, but wonder if it is this rule on the >>> containing >>> >>>> div: >>>> >>>> .hentry { margin: 0 0 40px; overflow: hidden; } >>>> >>>> >>>> Tim >>>> >>>> >> Hi Bob, >> >> It seems to me to be the <a> that surrounds the floated image that is >> interfering. Although the <a> is now empty, it does have an effect. >> >> Making that <a> "display:block;" has a positive effect. If I were you, >> I'd float the <a> instead of the <img>. (Floating makes it display as a >> block - no need for the explicit display property.) >> -- >> Cordially, >> David >> >> >> ______________________________**______________________________** >> __________ >> css-discuss [[email protected]] >> http://www.css-discuss.org/**mailman/listinfo/css-d<http://www.css-discuss.org/mailman/listinfo/css-d> >> List wiki/FAQ -- >> http://css-discuss.incutio.**com/<http://css-discuss.incutio.com/> >> List policies -- >> http://css-discuss.org/**policies.html<http://css-discuss.org/policies.html> >> Supported by evolt.org -- >> http://www.evolt.org/help_**support_evolt/<http://www.evolt.org/help_support_evolt/> >> > > ______________________________________________________________________ css-discuss [[email protected]] http://www.css-discuss.org/mailman/listinfo/css-d 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/
