| | |
HTML/CSS Full Width Background
Please support our HTML and CSS advertiser: PostgreSQL or MySQL? Compare and contrast the two most popular open source databases
![]() |
•
•
Join Date: May 2008
Posts: 257
Reputation:
Solved Threads: 20
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
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 =)
2x Macbook Pro's, 1x Mac Pro, 1x iMac, 2x Macbook's running Fedora linux - In conclusion, I hate windows =)
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.
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
I miss my mind the most...."
Mark Twain
![]() |
Similar Threads
- Parse error: syntax error, unexpected $end in (PHP)
- Repeat some javascript code until the row is full (HTML and CSS)
- your basic calender (JavaScript / DHTML / AJAX)
- Help, page won't work in IE (HTML and CSS)
- Open In New Window Php (PHP)
- Horizontally centering a defined-width div block? (HTML and CSS)
- Trying to use not tables, only CSS, but can I? (HTML and CSS)
- CSS - strech a background image? (Site Layout and Usability)
Other Threads in the HTML and CSS Forum
- Previous Thread: Website Softwares
- Next Thread: Who Does What?
Views: 1879 | Replies: 1
| Thread Tools | Search this Thread |
Tag cloud for HTML and CSS
2002 appointments asp background backgroundcolor beta browser bug calendar cart center cgi code codeinjection corporateidentity create css deleted design development displayimageinsteadofflash dreamweaver drupal emailmarketing epilepsy explorer firefox flash font fonts form format free frontpage google griefers hackers hitcounter hover html ide ie7 ie8 iframe image images internet internetexplorer intranet iphone javascript jpeg layout macbook maps marketshare microsoft missing mozilla multimedia navigationbars news offshoreoutsourcingcompany opacity opera optimization perl pnginie6 positioning problem scroll seo shopping studio swf swf. templates textcolor theme timecolor titletags url urlseparatedwords visual visualization web webdevelopment webform website windows7 wordpress xml xsl





