Adriano, the reason the div doesn't extend to the bottom on your
screen is because your screen is very long. On John's shorter screen,
the content div has nothing below it, where it ends, that's the end of
Moving on, it's very important when using floats is to float all the
divs left and then make sure that the total width of floated content
is less than 100%. So if you have two divs, and you want the first to
be 50%, the second has to be no more than 49%. I call it "breathing
room" so that the divs won't drop when you downsize the page.
It also helps to put the floats in a container div and give that div a
minwidth. There are techniques for making min-width work in IE, if you
need help with that I might be able to find them for you.
here: http://liquid.rdpdesign.com I managed to get it so that the divs
never drop. Partly because they have so much breathing room, and
partly because the right-most div has overflow:hidden applied. (note:
the layout is fixed in IE, haven't had time to fix that).
rdpdesign.com ... liquid.rdpdesign.com ... montoya.rdpdesign.com
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/