how to i get my background image all resolution friendly...

liunx

Guest
so i have a backround image that i have repeated x, well when i change resolution or press F11 in IE to put it into fullscreen mode there is a white gap at the bottom? how do i elimate this? do i just make the height of the background image bigger than the highest computer screen resolution??

thanks.Can we have a link to see what you are talking about?www.freewebs.com/chrisab508/

theres the link, weird though. I mean i just updated it, changed a few things and when i type the URL into IE i get the updated version but when i type it into AOL/Netscape i get the old version. The updated version is the one with blue/green background gradient just incase u get the old one.What isn't working? I just tested it in Mozilla Firebird, and IE 5, 5.5 and 6 at 1024x768 and it worked fine. Does it break on higher resolutions?yah it breaks in 1280x960 in fullscreen mode, also did u see the one with green/blue background or the grey one?You've got two options.

  1. Create a background that is as big vertically as the largest screen resolution you wish to support.
    Position your background to either the top or the bottom, and set the background color to be the same as the top/bottom of the image, thus allowing it to display nicly in bigger resolutions.
    [/list=1]2 things:

    1. I didn't understand your explanation (sry for being a a pain)
    2. and completely unrelated but i have an LCD monitor, how do i find its native resolution?

    Chris1) say you wish to support up to 1600x1200 create a background thats 1600px x 1200px and use that

    2) background-image: url("logo.jpg");
    background-repeat: no-repeat;
    background-position: center center;
    background-color: #cccccc;

    3) native resolution? what do you mean by native?for the 2nd method, why not repeat? my background image is like 30px wide and i just repeat it across teh screen? so i would need to have a repeat, the rest i get.

    native resolution, well peopel say taht an LCD monitor will run best in its native resolution for games and everything else, i just didn't know how to find mine out.o right that native dont know sorry,

    my mistake dont use the no repeat partRead up (<!-- m --><a class="postlink" href="http://www.w3.org/TR/REC-CSS2/colors.html#q2">http://www.w3.org/TR/REC-CSS2/colors.html#q2</a><!-- m -->) on how backgrounds work. You can use shorthand to set the styles.
 
Back
Top