Question

I would like to get your suggestions on what I should do.

I am trying to keep the navigation bar and the content box on a website I’m working on the exact same width. I’ve tried adjusting using both percentages and pixels. It looks perfect on my laptop, but it does not on a larger monitor or on my cell phone browser. Any ideas of what I can do?

You can view the website at http://www.shaunmichaelmusic.com/new

Thanks in advance for you help!

Answer 1

You probably want to avoid using too many discrete boxing and positioning rules when creating something like this. It would make your design either distorted or inflexible when a user simply resizes the browser.

A better approach would be something like this: http://jsbin.com/abidej

Feel free to edit it.