When working with <div> tags and z-index positioning, the page itself makes room for the positioned layer wherever it's supposed to be. So, if you're using a lot of absolute positioned layers, you'll wind up with a ton of empty space at the bottom of the page. Does anyone know a way around this?

(sorry if this sounds a little confusing)

TIA!

. necronom .

The div is a block element and all block elements have a built in padding and margins which varies by browser but can be overidden with css and even set to negative values.

Top and Bottom values for padding are cumulative. Top and Bottom values for margins are not.
In this example, them amount of space between the two div's is 10 ems as padding is cumulative

<div style="padding: 5em;">Div One</div>
<div style="padding: 5em;">Div Two</div>

<div style="margin: 5em;">Div One</div>
<div style="margin: 5em;">Div Two</div>

When specifying margins or padding (e.g. padding: 0 0 0 0; -

1. If 1 value is used, all borders use it
2. If 2 values are used, the first is the Top+Bottom, the second is Left+Right
3. If 3 vaules are used, the first is the Top, the second Left+Right, and the third the bottom.
4. If 4 values are used, they correspond to TRBL.

In your case, using absolute positioning, you may want to set the padding to 0 and just use the margins for positioning - e.g.

<div style="padding: 0; margin: T R B L">The Content</div>