Thanks for the links. All these examples use float, and I can't manage to have neither, negetive margin, nor z-index, with float:
http://www.geocities.ws/sweepslate/absolute-in-relative/float-test.html On 5/14/2011 6:58 AM, John D wrote: > > > Have you looked at these links: > > > Equal Height Columns with Cross-Browser CSS > <http://matthewjamestaylor.com/blog/equal-height-columns-cross-browser-css-no-hacks> > > Ultimate multi-column liquid layouts > <http://matthewjamestaylor.com/blog/ultimate-multi-column-liquid-layouts-em-and-pixel-widths> > > Horizontally Centered Drop-Down Menus > <http://matthewjamestaylor.com/blog/centered-dropdown-menus> > > How to keep footers at the bottom of the page > <http://matthewjamestaylor.com/blog/keeping-footers-at-the-bottom-of-the-page> > > Hope this helps. > > > > >> It's a question of expanding height. >> >> I have a couple of absolute boxes inside a relative one. The content >> inside the absolute boxes is dynamic; meaning, I don't know it's height. >> I also don't know the height of the relative box. >> >> I'd like to enable the absolute box with the longest height to expand >> the relative box, and I have failed so far: >> >> http://geocities.ws/sweepslate/absolute-in-relative/index.html >> >> I resorted to absolute boxes because I want the sidebar to overlap the >> content area by some pixels. Here is an example of the result I'm trying >> to achieve: >> >> http://geocities.ws/sweepslate/absolute-in-relative/desired-result.png >> >> I am open to other routes than position:absolute to achieve this result. >> The limitations that I have are: >> >> 1. #items and #sidebar have a defined width but a dynamic height >> 2. #items has a dynamic number of floated items inside, #item1, >> #item2, etc, that define it's height >> > > > ______________________________________________________________________ > css-discuss [css-d@lists.css-discuss.org] > http://www.css-discuss.org/mailman/listinfo/css-d > List wiki/FAQ -- http://css-discuss.incutio.com/ > List policies -- http://css-discuss.org/policies.html > Supported by evolt.org -- http://www.evolt.org/help_support_evolt/ ______________________________________________________________________ css-discuss [css-d@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
