Working with floated elements

Hi,

how to design without CLEAR if you use lots of FLOAT left and right?

It looks horror in DW and FF.

test2.php

Cheers
Dennis

Here is the general rule when working with floated elements. In the div wrapper that contains any floated elements, make sure to add "overflow: hidden" in the wrapper css.

For example, if you have a structure like this:

<div id="wrapper">
  <div style="float: left;">...</div>
  <div style="float: right;">...</div>
</div>

you would add "overflow: hidden" to the #wrapper css.

#wrapper {
  overflow: hidden;
}

-justin

Hi Justin,


GOT IT, I put OVERFLOW HIDDEN in my header and it LOOKS GREAT in DW.

Why isnt it done by SCULPTOR?


Cheers
Denis

When you add left and right columns on the Layout tab, the overflow is handled for you. If you are adding custom divs, you have to add the overflow yourself for now.