Forum Moderators: open

Message Too Old, No Replies

layer positioning

         

AcE

5:17 am on Apr 6, 2002 (gmt 0)

10+ Year Member



Is There A Way To Position A Layer All The Way On The Bottom Of A WebPage. Not On The Bottom Of The Displayed Page...ALL The Way On The Bottom Where The Content Ends.

The problem is on the site in my profile, on this page: /BinksLJ/Index2.html

(edited by: tedster at 5:25 am (utc) on April 6, 2002)

papabaer

5:47 am on Apr 6, 2002 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member



You can add the at the end "normal page flow" and use {margin-top:XXX} for spacing.

How you actually accomplish this depends on your page structure.

I disabled my javascript (THANK YOU OPERA!) so I could actually go back to your site and take a look.

I suggest some SERIOUS reconsiderations regarding the "title" and "bookmark" .js - you will lose a lot of traffic otherwise.

(edited by: papabaer at 6:00 am (utc) on April 6, 2002)

(edited by: papabaer at 6:01 am (utc) on April 6, 2002)

tedster

5:55 am on Apr 6, 2002 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member



In this case the bottom of the page is going to be determined by the div "main". That div is absolutely positioned on z-index:3.

All those absolutely positioned divs have removed everything from the regular document flow, so it's a little bit of a challenge, from what I can see.

Try this: Nest the div "jumptop" inside "main". Make it inline at the very end of the content, with position:relative instead of position:absolute. Then offset it however much you need to make it render in the correct spot.

Since it's postion is then relative to the bottom of the "main" div, I think you can make it work this way.

papabaer

6:09 am on Apr 6, 2002 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member



Tedster's solution is your best bet; simple and reliable.

As Tedster points out, it can be a challenge to work off of page flow with so many position:absolute divs between "here and there."

I have used both position:relative as well as marging-top to accomplish spacing/placement for end paragraphs and/or divs.

AcE

10:38 am on Apr 6, 2002 (gmt 0)

10+ Year Member



papabaer: Whats the deal with the "title" and "bookmark" scripts?

tedster: Thanks, I used a mixture of my previous use, and your advice. I nested the div but still used position: absolute. Works fine. I don't quite understand the document flow too well, obviously, I couldn't get it to work as easy with position: relative as with absolute.

tedster

12:09 pm on Apr 6, 2002 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member



> don't quite understand the document flow

LOL - neither do I, especially when it comes to browser surprises. Every week I try to experiment with layouts for a little bit, using greeked text, so I can improve my chops.

But this is new territory and I don't think I'm anywhere near the top of the hill yet.