On Jun 3, 2012, at 8:32 AM, David Hucklesby wrote:
> Re: <http://nwbooklovers.org/2012/06/01/nw-book-lovers-chapter-two/>
>
> Me too! I'm as perplexed as you.
>
> Removing the float declaration from the image has no effect this end in
> Safari. It's as if the negative margin somehow pulls the whole first
> line with it, which then re-flows as a longer line length. As Tim noted,
> the overflow is hidden - but of course there should be no overflow! :\
>
> As you say, only happening in Webkit browsers (Chrome and Safari).
> Checked in IE 7 and 8 on Win xp, and Chrome, Safari, and Firefox in
> Windows and on Mac OS X "Lion".
>
> I wish I had a solution for you. :(
I have no real clue either; the negative margin somehow breaks the normal flow
of text as David notes.
But if I change the font used for the text (from Georgia to 'something else'
[*]), then the clipping does not occur (tested on both OSX Lion and Snow
Leopard) - everything flows correctly over the whole page.
Come to think of it, and I have't tested, but it _might_ help resolve the
problem: enable hyphenation for webkit, gecko browsers:
e.g.
p { -webkit-hyphens: auto; -gecko-hyphens: auto; }
[*] tried 10 different commonly installed fonts, at different font-sizes
through the Webkit inspector
Philippe
--
Philippe Wittenbergh
http://l-c-n.com/
______________________________________________________________________
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/
