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 ..
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 !
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
Problems getting object at bottom of page
Cool ..
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