Big problem with nav bar not behaving!! Need help!

4 replies
  • |
My nav bar and footer bar are both stuck in one place on my web page so that in resizing the page, everything moves but the two bars. This is strange since I've copied the code from my other sites and they work just fine, moving with rest of the content in its intended position. Can someone please take a look at the html and css to see what might be wrong? I would appreciate it very much:

Thank you for any help you can give!
#bar #behaving #big #nav #problem
Avatar of Unregistered
  • Profile picture of the author jamaks
    Greetings Daisy,

    must say the CSS is more than a little messy and a lot of the HTML elements are missing a closing tag which would give the validator a headache.

    Your primary problem is the inclusion of an extra end div tag which is closing the wrapper division prematurely effectively leaving the header and footer outside and positioning to the body rather than the wrapper division.

    Located just under address. Remove the extra div end tag from the HTML and then it is simply a case of tidying that CSS where apparently the footer is 8 em wider than the wrapper and held 17.5 em from the left??? Change width to 100% and delete the left statement. Same for the navbar.

    Hope this points you in the right direction. Jim
    {{ DiscussionBoard.errors[11416188].message }}
    • Profile picture of the author Daisy007
      Thank you so much Jim! I guess I'm rustier than I thought. It's been a while since I've built a site. I should have remembered to validate first!!! Now I can't fix it til next week but I will. Your help is much appreciated! :-)
      {{ DiscussionBoard.errors[11416213].message }}
  • Profile picture of the author themesbydp
    Problem with your css, put nave bar cod in Header template, and try to use . after creating the correct navbar, if you want to center the navbar use the code
    margin:0 auto;
    {{ DiscussionBoard.errors[11416716].message }}
  • Profile picture of the author Daisy007
    Thank you very much! I will try that also. I appreciate your help!
    {{ DiscussionBoard.errors[11416862].message }}
Avatar of Unregistered

Trending Topics