Jump to content

menu bar will not sit inside div

Recommended Posts

In large screen the nav bar sits at the top of the page obscuring the header div even though its div is below in code and design view [d/weaver CS6].

In design view the menu bar does not want to sit in its div. It floats above it and the div looks like a thin blue line behind the menu bar. Looks kind of like the div bar refuses to have the menu bar inside it so the menu bar jumps around wherever. As the browser is resized you can see a point where the menu bar wont fit horizontally and it suddenly goes into drop down mode and that is fine and working as I want it to, In mobile view it behaves. The menu is collapsed and drops down to show the links as required. You can however see when the screen size is small as you can go the menu slips up under the header div just a smidge.


be really nice if I could lock this thing down and get it to stay inside its div tag


it is probly a very simple fix but I cant see it


it is only a small amount of code to look at so here's a link to the page



any comments or tips gratefully received



Share this post

Link to post
Share on other sites

The validation error on the input may have something to do with it. However the rel problem is trying to use Dreamweaver design view and expecting it to render like a browser. If you want to see what something is going to look like in a browser, then the only reliable way to do it is by looking at it in a browser; actually a selection of browsers to cover those you are going to support is the only way to test rendering and know how it is going to present.


Your first step in any testing should be to put the markup through the validator (takes less than 10 seconds) because it is not logical to expect correct rendering with defective code.

Share this post

Link to post
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.


  • Create New...