Jump to content


This topic is now archived and is closed to further replies.


need help with bottom nav bar

Recommended Posts

i have a bottom nav bar that i don't know how to move down according to the content on the page.

[a href=\"http://www.jwelchdesign.com/ao/bradybark/products.php\" target=\"_blank\"]here's[/a] a link to what the page looks like. The other pages (via the links on the side look fine because the content doesn't overflow out of the window).

this is what the css for the bottom <div id="footer">:

[code]#footer {
    position: absolute;
    top: 662px;
    left: 3px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10px;
    color: #333333;
    width: 749px;

an entire view of the css is found [a href=\"http://www.jwelchdesign.com/ao/bradybark/styles/master.css\" target=\"_blank\"]here[/a]

*note: this page was originally made in photoshop then slices and exported using css and that's where all the layout-## come from and why i started using absolute positioning.

Share this post

Link to post
Share on other sites
DON'T use absolute positioning. It's a lot of code and it's inflexible a lot of the time. Instead, use some other CSS method, like one from [a href=\"http://www.bluerobot.com/\" target=\"_blank\"]http://www.bluerobot.com/[/a]. Without that kind of method, you basically can't get it to scroll down.
However, there is also the clear: both; method of positioning the footer, if you're interested.

Share this post

Link to post
Share on other sites
the clear: both method... how does that work?

and will i need to change all my css (everything with absolute positioning) to clear: both?

Share this post

Link to post
Share on other sites
NO! Don't do that! What clear: both; does is it forces the element to stack below the previous element. When you use a method like [a href=\"http://bluerobot.com/web/layouts/layout1.html\" target=\"_blank\"]this[/a] one, the clear: both; will push it down below all the floats.

Share this post

Link to post
Share on other sites


Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue.