I have completely finished coding a site, but I am getting a scroll bar at the bottom. Is there an easy fix to make resize per the user’s screen? Right now it is set up to be 1024px wide. Not sure what I should do. Any help is greatly appreciated.
Probably not. You likely have to redesign from the ground up unless your html was written in a viewport neutral manner.
I currently maintain, as a volunteer, a site designed by someone else to be fixed width, and much as I would like to make it flexible I have decided it will be a lot easier to redesign it from the ground up than to make it flexible on the current code base. As I am too lazy to redesign it will stay the way it is for the forseeable future, alas.
You should make body width: auto, and wrap width: 1024px.
This still gives you a small sidebar, which probably is because of your table based layout (just say no!), an easy fix (which shouldn’t be permanent) would be to add overflow-x hidden to html tag, but this will only work in modern browsers (IE9, Chrome, Safari, Firefox) because it’s CSS3.
You should also move all of your CSS from inline styles to an external stylesheet, as well as employ a CSS reset.
Thank you for your help. I hate table-based layouts as well, but I am a little rusty on my coding I am a graphic designer by trade. Web is not my forte. I made the width auto and the wrap 1024, but now my page is not centered within the browser