what makes a div expand ?

This page shows 3 divs side by side surrounded by a wrapper, but the
wrapper thinks there's nothing in it, so its collapsed at the top. How
do I get the wrapper to expand around the divs ?
http://www.cardini.tv/test/test.htm

#p1{float:left;width:25%;border:solid 1px;}
#p2{float:left;width:25%;border:solid 1px;}
#p3{float:left;width:40%;border:solid 1px;}
#w{border:solid;width:90%; margin:auto;}

red

On Sat, 30 Oct 2004 05:27:58 GMT, red <groups2 (AT) reenie (DOT) org> wrote:

This page shows 3 divs side by side surrounded by a wrapper, but the
wrapper thinks there's nothing in it, so its collapsed at the top. How
do I get the wrapper to expand around the divs ?
http://www.cardini.tv/test/test.htm

#p1{float:left;width:25%;border:solid 1px;}
#p2{float:left;width:25%;border:solid 1px;}
#p3{float:left;width:40%;border:solid 1px;}
#w{border:solid;width:90%; margin:auto;}

red

Float literally means "move it to the side of the legitimate content." But
you don't have any legitimate content. So the w div is virtually empty.

Neal wrote:

On Sat, 30 Oct 2004 05:27:58 GMT, red <groups2 (AT) reenie (DOT) org> wrote:

This page shows 3 divs side by side surrounded by a wrapper, but the
wrapper thinks there's nothing in it, so its collapsed at the top. How
do I get the wrapper to expand around the divs ?
http://www.cardini.tv/test/test.htm

#p1{float:left;width:25%;border:solid 1px;}
#p2{float:left;width:25%;border:solid 1px;}
#p3{float:left;width:40%;border:solid 1px;}
#w{border:solid;width:90%; margin:auto;}

red


Float literally means "move it to the side of the legitimate content."
But you don't have any legitimate content. So the w div is virtually empty.
So how do I put a border around the three divs ?

On Sat, 30 Oct 2004 06:04:54 GMT, red <groups2 (AT) reenie (DOT) org> wrote:

Neal wrote:
Float literally means "move it to the side of the legitimate content."
But you don't have any legitimate content. So the w div is virtually
empty.
So how do I put a border around the three divs ?

Havce something as actual not-positioned-out-of-it content in the div.
Preferably at the end.

Neal wrote:

On Sat, 30 Oct 2004 06:04:54 GMT, red <groups2 (AT) reenie (DOT) org> wrote:

Neal wrote:

Float literally means "move it to the side of the legitimate
content." But you don't have any legitimate content. So the w div is
virtually empty.

So how do I put a border around the three divs ?


Havce something as actual not-positioned-out-of-it content in the div.
Preferably at the end.

How do I do that ? What are you talking about ? I honestly can't figure
out what that is supposed to mean. I really really really would like to
know. I want the container to expand to surround the content of the
divs. Is this possible at all ?

red wrote:

This page shows 3 divs side by side surrounded by a wrapper, but the
wrapper thinks there's nothing in it, so its collapsed at the top.

http://www.positioniseverything.net/easyclearing.html

--
David Dorward <http://blog.dorward.me.uk/> <http://dorward.me.uk/>
Home is where the ~/.bashrc is

On Sat, 30 Oct 2004 05:27:58 GMT, red <groups2 (AT) reenie (DOT) org> wrote:

This page shows 3 divs side by side surrounded by a wrapper, but the
wrapper thinks there's nothing in it, so its collapsed at the top. How
do I get the wrapper to expand around the divs ?
http://www.cardini.tv/test/test.htm

#p1{float:left;width:25%;border:solid 1px;}
#p2{float:left;width:25%;border:solid 1px;}
#p3{float:left;width:40%;border:solid 1px;}
#w{border:solid;width:90%; margin:auto;}

<http://www.css.nu/exp/layer-ex3b.html>
<http://www.css.nu/exp/layer-ex3c.html>
<http://www.css.nu/exp/layer-ex3d.html>
<http://www.css.nu/exp/layer-ex4a.html>

--
Rex