Topic: Managing layers with height: auto (Page 1 of 1)

I'm wondering how can I place a layer Exactly below another one which has "height: auto". Or if that's not possible, how can I force to leave a space between the end of the layer and the end of the page. This is the example page.

Thanks in advance.

neopabilus: height:auto is a tricky beast and I'm not sure about the browser support. With that in mind on a simple page a DIV should fit below the one above and you can use margins to create a gap:

<div>Top</div>
<div style="margin-top:10px;">Bottom<div>

___________________
Emps

FAQs: Emperor

Put the two of them inside a bounding div, set all divs to the same width, and set display: block ... e.g.

#menu        { position: absolute; top: 120px; left: 23px; WIDTH=143px; display: block; }

#about       { display: none; width: 143px; padding: 5px; }

#contact     { display: none; width: 143px; padding: 5px; }

#services    { display: none; width: 143px; padding: 5px; }

#technology  { display: none; width: 143px; padding: 5px; }

#charges     { display: none; width: 143px; padding: 5px; }

#examples    { display: none; width: 143px; padding: 5px; }

#links       { display: none; width: 143px; padding: 5px; }

provides the basics for http://www.trib-design.com/new-twd/daBlooz/ which was one of my experiments a year or so ago .

[This message has been edited by trib (edited 07-31-2003).]