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

PS1: Yes, I understand that scemantically, #wrapper, should wrap
everything and not leave the footer out.

PS2: Both, the markup and CSS validate.


______________________________________________________________________
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/

Reply via email to