My site has this annoying horizontal scroll bar. I tried to get rid of it but I don't know why it's not going away. Anyone know how to get rid of these? Thank you.
It's a width issue (I know, duh). Anyway, without looking through your code, I just edited your body CSS (using Firefox's tools) from 100% to 98% as a test and the bar disappeared. Check your widths and how you're using CSS. You most likely overshot something. For starters you could drop the width down to 98% while you're cleaning up your code/site.
Hi mike323 It's mainly 3 things from your CSS that are affecting the width... Locate within your CSS both #main and #main2 and change: border: 3px solid; to border-top: 3px solid;border-bottom: 3px solid; Then locate the following CSS: .f, .f a, .fc{} and change padding:3px; to padding:0; and underneath add a new bit of CSS: .f a {padding:3px;} Hope this helps.
Thanks everyone. I will have to make the changes later when I get home. In the meantime, can you all watch my site while I'm gone?
Thanks, MJ. It seems to work in my browser. Are you suggesting this as a temporary fix or permanent fix?
Ok, I followed mj's and dom's advice and the scroll bar is gone but now the division #main stops before it reaches the right side of the screen.
Without really looking through all the code, the problem might be an element inside of your "page's width" that's forcing the stretch. One idea is to go to a fixed pixel width (example: 960px). The other is to put it at 100% as it was originally and then start looking at the elements inside to see if something is stretching it. An example of an easy error would be using 100% as the body width but then having elements using pixel widths. If those widths (including borders, margins, etc) is wider than the browser's window, it will scroll horizontally. So you've got it not scrolling now. Next up, plow through the elements to look for issues.
In the <head> of your pages you have a <style> tag with a width of 98%. locate... body, a, p{width:98%; And change their width attribute to 100%. Hope this helps.
If you designed your website with a tool like Dream Weaver which has the feature of realtime preview you can change the size of your webpage in the design mode itself (ie without altering your code). It's so simple just download you code through an FTP client like Filezilla and open you code with Dream Weaver and change the screen size in design mode (ie) in preview mode and the upload the code back through Filezilla. and you're done.