page background - big image - how to eliminate horizontal scrollbar?
Hello I am coding a new site, and the provided image for the background
is really wide: 1536 x 6140.
This is the test link:
I am using it as the site background as I was requested using this code for css:
background:url(http://dl.dropbox.com/u/4138955/drop...-design-v2.jpg) no-repeat top left;
font-family:Georgia, "Times New Roman", Times, serif;
I am having two problems:
1) on my 24" screen everything works fine and I dont have any horizontal scrolling, But testing on a 15" and 17" laptop, I am having a "horizontal scrollbar" appearing at the bottom. I will like to have only vertical scrolling and not horizontal. So I am not sure if there is any CSS or JS trick I can use
to fix this. Maybe you have another idea?
Thanks a lot for your help, this is very important for me, hope someone can help me out!
Ps: Also I forgot asking, if you have any tips for image optimization at this given size, I'll be happy to know!