Go Back   CodingForums.com > :: Client side development > HTML & CSS

Before you post, read our: Rules & Posting Guidelines

Reply
 
Thread Tools Rate Thread
Enjoy an ad free experience by logging in. Not a member yet? Register.
Old 08-01-2011, 09:36 PM   PM User | #1
laylo
New Coder

 
Join Date: Jul 2011
Posts: 19
Thanks: 12
Thanked 0 Times in 0 Posts
laylo is an unknown quantity at this point
Question Background size...

I'm new to Web design and this is something I need to know but it's been bugging me for quite a while now.

How do you make your background image so its the same resoulution size on whatever computer you go on?

usually when I scroll down, there is left over white space on the side and bottom but i just want the image to fit... =/ =(
laylo is offline   Reply With Quote
Old 08-01-2011, 10:51 PM   PM User | #2
Sammy12
Registered User

 
Join Date: Jun 2011
Posts: 1,063
Thanks: 12
Thanked 241 Times in 240 Posts
Sammy12 is on a distinguished road
you can use background-repeat: repeat; if the background is repeatable.

setting your background to 100% of the screen will distort the image, so you have to use javascript to detect the user's browser size

--

if you are talking about when you decrease the browser size and scroll over, there is white space, then this is due to margin: 0 auto; try setting the parent tag to min-width: (value of child width)
Sammy12 is offline   Reply With Quote
Reply

Bookmarks

Tags
background, background image, fit to screen, screen, size

Jump To Top of Thread


Thread Tools
Rate This Thread
Rate This Thread:

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is On
HTML code is Off

Forum Jump


All times are GMT +1. The time now is 01:02 AM.


Advertisement
Log in to turn off these ads.