[thelist] info on CSS divs and the float property

MaKo shark at mako4css.com
Thu Mar 13 13:39:02 CST 2003


Sarah,

> I want two divs to be side by side like this (the div on the left holds
and
> image, the other holds text):

float (and clear) are some of the most difficult properties in CSS, and
their browser implementation is far from consistent.

In your case, you could absolutely position the left side and statically
position the right side, as shown in this tutorial:
http://www.mako4css.com/Tutorial.htm.

You could also position both elements absolutely, or static (but that is
quite a difficult thing to do).

The sketch shows that the floated <div> behaves correctly, by being
floated it allows for content in the parent element to wrap around the
image. Perhaps it would also be a possibility to float the image and
define the left margin of the parent <div> in a way to create the illusion
that these are two different columns.

-- HTH,

MaKo

...just when you thought it was safe to go back into the water...
http://www.mako4css.com/




More information about the thelist mailing list