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/
