without a link to your site to illustrate the problem, nobody will be able to comment.
however, as helping with fundamental formatting issues is not within the scope of this forum, try to work with a tool such as Firefox’ add-on Firebug http://getfirebug.com/ or similar to identify the involved styles, then make the edit in style.css of your theme.
Sorry *slaps forehead* I meant to paste it in there. Here it is: http://www.mygrandpascloset.com/
I’m using firebug, but it hasn’t help thus far.
the css id #page does not seem to have any styling, which makes the menu orientate itself to the browser window – therefore ‘flaoting around’.
possibly add something like this to style.css to start with (I have naturally no idea if this would interfere with your design idea of how the site will adjust to changing browser widths):
#page {
width: 1200px;
margin: 0px auto;
}
and re-adjust the margins of the header and menu.
I see..
When I add that in, nothing happens though. Is there something I should add to that bit of CSS to target the menu and center it? Or would it be better just to choose a whole new template?
nothing happens though
I can’t find the new style in your site – so there is no wonder that ‘nothing happens’
have you cleared the browser cache to get to see the changes?
you wouldn’t see much change with the added style, anyway, unless you change the browser width.
my assistance ends here as these fundamental css issues are actually not covered by this WordPress forum.
It doesn’t show because I used firebug to preview it before making actual changes (which you suggested). And why would I implement it, if it doesn’t actually correct the problem?
Useless.