Loads of empty space at the bottom of the page?...

[Mool]

Placed 3 layers, all relative on a page...now I have a large space at
the bottom of my page when viewed...there is nothing there, code
wise...is this just the nature of the beast?

[Kody Brown]

You've lost me. Are you trying make them the full height of the form or
something else that you think you shouldn't have the space at the bottom of
the page?

--
-Kody
kody at weekendtech dot net
"Custom ASP.Net Web Controls"

"Mool" <ThePr...@TheVillage.Net> wrote in message
news:77akh05l94bc8l965...@4ax.com...

[Mool]

On Wed, 11 Aug 2004 13:44:18 -0600, "Kody Brown" <ko...@noway.com>
wrote:

>You've lost me. Are you trying make them the full height of the form or
>something else that you think you shouldn't have the space at the bottom of
>the page?

Here's the page...notice that the horizontal scroll bar is showing,
even though there is nothing at the bottom...but if you click and
drag, it does highlight a large, empty space that I don't see in the
code...

[Kody Brown]

Hmm, looks weird. That's a definite bug, i think. I checked the position attribute to absolute to get the whitespace gone, but that blew up your positioning. So, I enclosed the three div's inside a fourth div. This allowed me to relative position the outside div and absolute the internal divs.

 

(I played with your styles a bit..)

 

<div style="left:10px top:100px;">
<div id="Layer1" style="position:absolute; width:225px; height:404px; z-index:1; left: 0px; top: 0px; visibility: visible; background-color: #5e5692; border: 1px #ffffff; ">1</div>
<div id="Layer2" style="position:absolute; width:300px; height:200px; z-index:2; left: 200px; top: 50px; visibility: visible; background-color: #5e5692; border: 1px #ffffff;"><h3 align="left">2</h3></div>
<div id="Layer3" style="position:absolute; width:226px; height:31px; z-index:3; left: 205px; top: 300px; background-color: #5e5692; border: 1px #ffffff; ">3</div>
</div>

 

Also, there was an extra </div> tag in the code and an extra " at the end of the Layer2 div tag.

 

Good luck, let us know how it's going!

--
-Kody
kody at weekendtech dot net
"Custom ASP.Net Web Controls"

 

 

"Mool" <ThePr...@TheVillage.Net> wrote in message news:30lmh0hku00kif8h6...@4ax.com...

[Mool]

Thanks Cody, but need the relative...when resizing the page, in
different browsers, I want the layers to stay relative to the center
of the page...similar to a frame that is sized at 100%...whatever is
in there stays centered, even when varying the size of the browser
page...

My inelegant solution was to convert the layers to tables...it works,
but would rather have the reletive layers...may just be the way they
work?