Michael Roberts wrote:
> IE doesn't like it and the text writes on top of the images. Looks
> fabulous in Firefox though... How can I get IE to behave, or should
> I do something completely different than what Eric describes in
> Ragged Float?
>
> http://www.thelindyproject.com/about_miker.html
Eric's method is sound in IE6, but it won't work if there are any
dimensions declared on the container for the ragged text. IE's
'hasLayout'[1] bug will otherwise override all attempts to make the text
follow the image-edges.
Thus, the width on #content .section (width: 415px;) must be deleted.
Some elements inside #content .section must be given a width, since IE
no longer has a width on the entire container to fall back on.
There's also problems aligning the text-lines correctly with the top
edge of each image, but if the images are well prepared then that is
easiest solved by making sure the text stay visible on top -- also in
IE. In your page that's done by adding...
#content .section p, #content .section h6 {position: relative;}
> In IE the page scrolls for ever.
You must hide the overflowing padding-bottom, since the negative margin
won't convince IE that it isn't there.
Adding...
#container {overflow: hidden;}
...will take care of that.
regards
Georg
[1]http://www.satzansatz.de/cssd/onhavinglayout.html
--
http://www.gunlaug.no
______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
