Jump to content


Photo

need help with bottom nav bar


  • Please log in to reply
3 replies to this topic

#1 jdubwelch

jdubwelch
  • Members
  • PipPipPip
  • Advanced Member
  • 85 posts

Posted 19 May 2006 - 08:30 AM

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">:

#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.

#2 moberemk

moberemk
  • Members
  • PipPipPip
  • Advanced Member
  • 695 posts

Posted 19 May 2006 - 11:07 AM

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.
Disclaimer: No matter how harsh I may be, I'm always IMO only.

#3 jdubwelch

jdubwelch
  • Members
  • PipPipPip
  • Advanced Member
  • 85 posts

Posted 19 May 2006 - 03:14 PM

the clear: both method... how does that work?

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

#4 moberemk

moberemk
  • Members
  • PipPipPip
  • Advanced Member
  • 695 posts

Posted 19 May 2006 - 08:19 PM

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.
Disclaimer: No matter how harsh I may be, I'm always IMO only.




0 user(s) are reading this topic

0 members, 0 guests, 0 anonymous users