• Currently my navbar is the length of my container, which it should be. How would I go about making my navbar stretch the width of my screen but not cause a bottom scrollbar? Any help is appreciated.

Viewing 8 replies - 1 through 8 (of 8 total)
  • if you provide a link to the page in question, we can help.

    Thread Starter teckn1caLity

    (@teckn1cality)

    HERE

    It’s a music site im building for a friend.

    I’m trying to get the navbar to stretch entirely across the page instead of just the container.

    You’d have to restructure the layout of the top section of the page (so that it is not inside the wrapper (=container) div). Would you also want the header section above the navbar to be full width?

    Thread Starter teckn1caLity

    (@teckn1cality)

    Yes, If im able to put both the header and nav bar full width that would be great. How would I go about restructuring it? I know it needs to be seperate to the container but what would be the most efficient way of doing it. Also, how are you liking the design thus far? Check author pages, features page, post pages etc.

    That appears to be a custom site, so I’m not sure what the header.php code looks like, but basically, you want to start the wrapper div below the nav div… that moves them both outside the wrapper — then they should be as wide as the body (full width).

    But you should also deal with a bunch of HTML mark-up errors … as some of them are likely to be problematic, at least in some browsers.

    http://validator.w3.org/check?uri=http%3A%2F%2Fwww.selecterz.com%2F2012%2F05%2Ffreank-oceans-reality%2F&charset=%28detect+automatically%29&doctype=Inline&group=0

    Thread Starter teckn1caLity

    (@teckn1cality)

    Yeah im gonna look into those errors. Is 31 errors a lot?

    Yes, it’s quite a few. But sometimes an error can cause additional errors later on the page — kind of a domino effect. And some errors and not really a problem in terms of functionality — though ideally, you won’t have any.

    I looked through yours briefly and they look fairly easy to fix — un-closed tags, a lot that are because you have more than one instance of the same #ID on a page (can’t do that per html rules), missing alt attributes, improperly coded lists…

    Thread Starter teckn1caLity

    (@teckn1cality)

    Alright thanks. I got the header and nav how I want it now. I’ll get to fixing those errors when I have the time.

Viewing 8 replies - 1 through 8 (of 8 total)
  • The topic ‘Full Width Navbar’ is closed to new replies.