Del Wegener wrote:
> http://www.edi-cp.com/newweb/index.php
>
> <div id="horizontal_specials"> is identified with a green border. The
> first line of text to encounter this div does not wrap (following
> lines seem to). What causes this and how do I fix it?
Very old bug, and as far as I know only Opera and IE8 do *not* overlap
floats with text from above.
One way to fix it in your case, is to use margins to pull the float up a
line-height, and then push it back down so it appears to be in the same
place as before.
Add...
div#specials {margin-bottom: -1.2em;}
div#horizontal_specials {margin-top: 1.2em;}
The 'margin-top' will prevent overlapping in Gecko, IE7, WebKit etc.,
but will create a 1.2em tall space that text-lines can't flow into above
the float in Opera and IE8.
I'm reluctant to hack this fix in for the various browsers, so you have
to see if you "can live with it".
regards
Georg
--
http://www.gunlaug.no
______________________________________________________________________
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/
