943,568 Members | Top Members by Rank

Web Development > Web Design > HTML and CSS > stop html background image cutting off at lower resolutions
Ad:
Permalink
Mar 19th, 2009
0

stop html background image cutting off at lower resolutions

Expand Post »
Hello,

I am creating a new site and I have run into a problem with adding a background image to the html tag.

The image has repeat-x and is positioned top and right. The problem is that though it looks great on 1024 wide resolutions it goes balls up when the resolution is reduced. A large wad of whitespace appears to the right and the image moves left into the rest of the page.
I solved this by adding a min-width to the body and html tags but this stopped the wrapper div from moving left to fill the whole screen on lower resolutions.

Any solutions? Even using javascript instead of css would make me a happy man to be honest here...

The url is http://musicultra.com/test/test.html
Thanks
Dan
Reputation Points: 10
Solved Threads: 0
Newbie Poster
dantheman50_98 is offline Offline
19 posts
since Aug 2008
Permalink
Mar 23rd, 2009
0

Re: stop html background image cutting off at lower resolutions

Thanks,
It looks like I will be rebuilding it in order to get the yellow background working properly though.
Reputation Points: 10
Solved Threads: 0
Newbie Poster
dantheman50_98 is offline Offline
19 posts
since Aug 2008
Permalink
Mar 23rd, 2009
0

Re: stop html background image cutting off at lower resolutions

I tested it myself and it worked regardless of the resolution. What browser did this occur in?
Reputation Points: 128
Solved Threads: 43
Posting Whiz
death_oclock is offline Offline
389 posts
since Apr 2006
Permalink
Mar 24th, 2009
0

Re: stop html background image cutting off at lower resolutions

This was in Firefox 3. I have just checked in Internet explorer 7 and it looks even worse.
Reputation Points: 10
Solved Threads: 0
Newbie Poster
dantheman50_98 is offline Offline
19 posts
since Aug 2008
Permalink
Mar 24th, 2009
0

Re: stop html background image cutting off at lower resolutions

When you use repeat, it will not load the next repetition unless the entire image will fit again. But I don't see your trouble. I see scrollbars appearing to scroll the page, rather than changes in the page.

Which image is repeated? I can't tell this without the stylesheet..
Reputation Points: 730
Solved Threads: 181
Nearly a Senior Poster
MidiMagic is offline Offline
3,314 posts
since Jan 2007

This thread is more than three months old

No one has posted to this discussion for at least three months. Please let old threads die and do not reply to them unless you feel you have something new and valuable to contribute that absolutely must be added to make the discussion complete. Otherwise, please start a new thread in this forum instead.
Message:
Previous Thread in HTML and CSS Forum Timeline: Width Auto Resize to fit Screen
Next Thread in HTML and CSS Forum Timeline: Refer to button text via CSS





About Us | Contact Us | Advertise | Acceptable Use Policy
Forum Index | Build Custom RSS Feed


Follow us on Twitter


© 2011 DaniWeb® LLC