Topic: Managing layers with height: auto (Page 1 of 1) Pages that link to <a href="https://ozoneasylum.com/backlink?for=11018" title="Pages that link to Topic: Managing layers with height: auto (Page 1 of 1)" rel="nofollow" >Topic: Managing layers with height: auto <span class="small">(Page 1 of 1)</span>\

 
neopabilus
Obsessive-Compulsive (I) Inmate

From: Mexico
Insane since: Jul 2003

posted posted 07-30-2003 19:16

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.

Emperor
Maniac (V) Mad Scientist with Finglongers

From: Cell 53, East Wing
Insane since: Jul 2001

posted posted 07-30-2003 19:54

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

trib
Paranoid (IV) Inmate

From: Den Haag, Netherlands
Insane since: Sep 2002

posted posted 07-31-2003 19:04

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

code:
#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).]



Post Reply
 
Your User Name:
Your Password:
Login Options:
 
Your Text:
Loading...
Options:


« BackwardsOnwards »

Show Forum Drop Down Menu