2 replies [Last post]
paintcheck
Offline
newbie
Last seen: 15 years 43 weeks ago
Joined: 2003-11-21
Posts: 2
Points: 0

I'm trying to add an object (id bottemNav) to my page. I'm having trouble finding words to explain the problem, take a look.
http://newtontek.com

Why isn't the bottom nav elemant being put at bottom of page. It doesn't place bottomNav at bottom of page when object content extends the page. What em I doing wrong and how do I fix it. This is the first site that I've tried to use CSS completly for layout and not use tables Smile ..

CSS

#bottomNav {
background-color: #ffffff;
border: 2px solid;
bottom: 5px;
height: 25px;
left: 5px;
position: absolute;
width: 760px;
z-index: 3
}

#content {
bottom: 50px;
height: auto;
left: 141px;
position: absolute;
top: 111px;
width: 625px
}

Thx in advance ! Laughing out loud

Daybreak_0
Offline
Enthusiast
Sydney, Australia
Last seen: 15 years 44 weeks ago
Sydney, Australia
Timezone: GMT+10
Joined: 2003-11-15
Posts: 389
Points: 0

Problems getting object at bottom of page

It is being placed at the bottom of the Viewport, which is what you are asking when you have position:absolute

Problem is your contenbt is larger than the page.

Try this in you content

#content {
bottom: 50px;
height: auto;
left: 141px;
position: absolute;
top: 111px;
width: 625px;
overflow: auto;
}

The above code puts scroll bars in you content div so it no longer extends below the veiwport - hmmm come to think of it it may not work in content as you have postion as absolute. You are going to have to change it to relative.

Anyway now you have to get rid of the original scrollbars based on the Body - see this link http://dhtmlnirvana.com/oldalchemy/noscroll.htm

Regards
Day

The only way to learn is to do it yourself

paintcheck
Offline
newbie
Last seen: 15 years 43 weeks ago
Joined: 2003-11-21
Posts: 2
Points: 0

Problems getting object at bottom of page

Cool Laughing out loud ..
I'm gonna go look for some links on how to change scroll bar colors and removing scrollbar (which I can't seem to get to work).

Thx for the help Smile