Jump to content

float and content flow


ebakunin

Recommended Posts

Hello,I am in the process of cleaning up a site with a large amount of text. The original coder relied exclusively on tables, which made updating the text onerous for the owner, who has limited coding experience. What I would like to do is make use of <P> tags and the float property to arrange text and images. Here's the problem:Some content sections are broken up using <HR>. When an image is larger than the related text, it pushes pass the line into the next section, like this: text text text text | image |text text text text | image |___________________ | image |text text text text | image |text text text text | image |text text text text text text text text text text text text This is unacceptable. The code causing this problem is:

<P><IMG src="" style="float:right">text text text text text</P><HR>

I thought I had solved the problem by giving the <P> block a table value, like this:

<P style="display:table"><IMG src="" style="float:right">text text text text text</P><HR>

Well, that worked great in FF, but it doesn't work at all in IE. Does anyone have any suggestions of how to use CSS to arrange text and images so I don't have to resort to tables? Thanks.

Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
×
×
  • Create New...