Nesting floating <div>

[Belfast Web Designer]

is their a way to contain floating <div>? or an alternative solution?

For example; if I wanted to create a 750pixels wide site centred in the
browser with two columns, one column 500, and the other 250 and have a row of 4
thumbnails in the 500 wide column; this will not work as the thumbs are
floating.

This problem occurs with the page height also, because if the ASP throws out
10 rows of thumbs the page background does not move with it, leaving the
floating thumbs overlapping the footer etc. Is there a way round this?

[Murray *TMM*]

> For example; if I wanted to create a 750pixels wide site centred in the

> browser with two columns, one column 500, and the other 250 and have a row
> of 4
> thumbnails in the 500 wide column; this will not work as the thumbs are
> floating.

Sorry - it's hard to imagine what you might have done here. Why not post a
link to a page that illustrates it?


--
Murray --- ICQ 71997575
Team Macromedia Volunteer for Dreamweaver
(If you *MUST* email me, don't LAUGH when you do so!)
==================
[url]http://www.dreamweavermx-templates.com[/url] - Template Triage!
[url]http://www.projectseven.com/go[/url] - DW FAQs, Tutorials & Resources
[url]http://www.dwfaq.com[/url] - DW FAQs, Tutorials & Resources
[url]http://www.macromedia.com/support/search/[/url] - Macromedia (MM) Technotes
==================


"Belfast Web Designer" <webforumsuser@macromedia.com> wrote in message
news:dka99e$ov$1@forums.macromedia.com...

> is their a way to contain floating <div>? or an alternative solution?
>
> For example; if I wanted to create a 750pixels wide site centred in the
> browser with two columns, one column 500, and the other 250 and have a row
> of 4
> thumbnails in the 500 wide column; this will not work as the thumbs are
> floating.
>
> This problem occurs with the page height also, because if the ASP throws
> out
> 10 rows of thumbs the page background does not move with it, leaving the
> floating thumbs overlapping the footer etc. Is there a way round this?
>
>

[rilkesf]

If I'm understanding you correctly, you could try this.

After closing the <div> for the second column and before closing the
containing <div> add a block level element (such as <br />) with "clear:
both;" applied to it.

<br style="clear: both" />

The other thing I've found that works is to apply the same float to the
containing element. The first option generally has less of an impact on the
rest of the design though, so I'd go with it.

[Uri]

Hi
I had the same problem .I had containing div with border that contains two floating DIVs and the border would not wrap arround the div but once I put the br with clear:both it worked fine.