HTML/CSS Full Width Background

Reply

Join Date: May 2008
Posts: 257
Reputation: samarudge is an unknown quantity at this point 
Solved Threads: 20
samarudge samarudge is offline Offline
Posting Whiz in Training

HTML/CSS Full Width Background

 
0
  #1
Nov 20th, 2008
Hi,
I have a website and I want to have a background that is 200 pixles down but 100% of the width of the page. I do not want the background to repeat. I use photoshop for my image so if there is something I have to do in that then that is OK.
Regards,
Sam Rudge
My Blog, Life and everything that matters to me - SamRudge.co.uk

2x Macbook Pro's, 1x Mac Pro, 1x iMac, 2x Macbook's running Fedora linux - In conclusion, I hate windows =)
Reply With Quote Quick reply to this message  
Join Date: Oct 2006
Posts: 232
Reputation: Rhyan is an unknown quantity at this point 
Solved Threads: 24
Rhyan's Avatar
Rhyan Rhyan is offline Offline
Posting Whiz in Training

Re: HTML/CSS Full Width Background

 
0
  #2
Nov 20th, 2008
Sam, you never know how many pixels 100% is, because different users use different resolution on their screens.
This means that if your resolution is e.g.1600px wide, then a user with resolution 1024 pixels will not be able to see the whole image, and vice versa - if you use 1024 widht, a user with 1600 will see the image approximately at 2/3 of his screen.
It is good to have your image fading into your background, in a way that it looks as if it dissolves in the rest of the background.

Another way is using two images positioned in the left and right side of the screen with some space between them and both images dissolve into it, so making it appear as if it is a complete image.
" Of all the things I've lost,
I miss my mind the most...."
Mark Twain
Reply With Quote Quick reply to this message  
Reply

This thread is more than three months old.
Perhaps start a new thread instead?
Message:




Views: 1879 | Replies: 1
Thread Tools Search this Thread



Tag cloud for HTML and CSS
About Us | Contact Us | Advertise | DaniWeb | Acceptable Use Policy | RSS Feed

©2003 - 2009 DaniWeb® LLC