Previous Message
Next Message

problem with absolute positioning/floating

Sent by Christian Montoya on 10 November 2005 20:08


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
the page.

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).

--
--
C Montoya
rdpdesign.com ... liquid.rdpdesign.com ... montoya.rdpdesign.com
______________________________________________________________________
css-discuss [EMAIL-REMOVED]]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Previous Message
Next Message

Message thread: