CSS Clear within container only

toyer90 · toyer90

I have a 3 column design with the lfet and right columns floated and the center
ones margins set to avoid the floats.

I want to float something inside the center and clear something under it
(images and paragraphs for example) but then i use clear:both on anything it
will clear the floaded columns outside the center container. How can i stop
this? I just want to clear within the center.

Thanks

Murray *TMM* · Murray *TMM*

Clear before closing the center container. That will not affect the floats
in the column wrapper. However, trying to answer a question like this
without really seeing your code is sheer guesswork.

--
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
==================

"toyer90" <webforumsuser@macromedia.com> wrote in message
news:dfk3uu$gdr$1@forums.macromedia.com...

>I have a 3 column design with the lfet and right columns floated and the
>center
> ones margins set to avoid the floats.
>
> I want to float something inside the center and clear something under it
> (images and paragraphs for example) but then i use clear:both on anything
> it
> will clear the floaded columns outside the center container. How can i
> stop
> this? I just want to clear within the center.
>
> Thanks
>

toyer90 · toyer90

Sure, I understand thanks.

Heres an example:

<style>
#left {
float:left;
width:100px;
height:300px;
}

#right {
float:right;
width:100px;
height:300px;
}

#center p {
clear:both;
}
#center img {
float:left;
}

</style>

<body>
<div id="left">left</div>

<div id="right">right</div>

<div id="center">center <img src="foo.gof" width="100" height="100" /><p>see
the problem</p></div>

</body>

toyer90 · toyer90

note - the heights on #left and #right are just to show the problem, they wouls normally be filled with contant.

CSS Clear within container only

Thread Tools

Display

CSS Clear within container only

Similar Questions and Discussions

which container for a terminal like app?

Container

[PHP] Container functions....

Container functions....

Scrollable Container

Re: CSS Clear within container only

Re: CSS Clear within container only

Re: CSS Clear within container only

Posting Permissions