Using CSS to place navigation at bottom?

by 4 replies
5
I've been able to use css to position a left-hand sidebar below my main content in the html code. This is so the spider reads my main content first, even though it's located to the right of my sidebar.

But I can't figure out how to do this with a horizontal navigation menu. On the visible page, the menu is just below the header. It's a complex drop down menu so the code is pretty lengthy.

I want to find a way to position the menu code below my content in the html. Is this possible?

My header and menu are 100% width but my content wrapper below the menu is 960 pixels.
#website design #bottom #css #navigation #place
  • There is no real reason to do this, so you should just place the content at the bottom in the HTML, or wherever you need it. I understand that there is some information out there that says you should keep the navigation at the top, or the content before the navigation, etc, etc, but that is all bad information.

    If you really want to do it, however, we can't help you without looking at the page in question, ie the real code.

    Google can figure out where your content is. Trust me, they can translate Chinese into English, I think they're smart enough to do this simple thing.
  • With a Combination of CSS and the HTML tags <ul> and <li> you can build just about any drop down menu you want to. The position on the page is wide open, again using CSS and positioning tags....

    Have a Great Day!
  • I use SSI (server side includes) to do my navigation bars and footers. So much easier.
  • are you using css div containers?

    if so you should only need to put your footer div at the end of your container

    would really need to look at your code to be able to properly help you
Join the discussion

Next Topics on Trending Feed

  • 5

    Using CSS to place navigation at bottom?

    I've been able to use css to position a left-hand sidebar below my main content in the html code. This is so the spider reads my main content first, even though it's located to the right of my sidebar. But I can't figure out how to do this with a horizontal navigation menu. On the visible page, the menu is just below the header. It's a complex drop down menu so the code is pretty lengthy.