Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 14 of 14

Thread: BG in IE

  1. #1
    Regular Coder
    Join Date
    May 2003
    Location
    34° 54' N 82° 13' W
    Posts
    996
    Thanks
    0
    Thanked 0 Times in 0 Posts

    BG in IE

    Does anyone know the size of the screen in IE. I want to make a background image that would take up the whole screen (no more, no less).

    Thanks
    Stevie Peele
    Neverside IRC Network - irc.veonex.net | tc.tutorialnetwork.org
    #dev - any programming,etc. question
    #design - design discussion and critque
    #central - general chat
    Come join us!

  • #2
    Senior Coder
    Join Date
    Mar 2003
    Location
    OHIO
    Posts
    1,438
    Thanks
    1
    Thanked 0 Times in 0 Posts
    That would depend on what screen resolution the user that was viewing your site is using. What image are you thinking of using? Can you attach a jpeg to a post?

    MNS

  • #3
    New Coder
    Join Date
    Jun 2003
    Location
    USA - Chicago
    Posts
    59
    Thanks
    0
    Thanked 0 Times in 0 Posts
    i honestly can say that it is impossible.. people can customize the size of their scroll bars, different resolution, unless you write a javascript that automatically resizes the bg image.

  • #4
    Senior Coder
    Join Date
    Aug 2002
    Location
    A 4D universe
    Posts
    1,337
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Unless your site was fixed in a set of frames, not possible.
    http://www.mudsplat.com - Web design, print, and marketing solutions.

  • #5
    Senior Coder
    Join Date
    Jun 2002
    Location
    paris, france
    Posts
    1,216
    Thanks
    0
    Thanked 0 Times in 0 Posts
    you could make a huge(bandwidth munching) image and then resize it to the right dimensions using screen.availHeight and screen.availWidth i found that on MSDN so it may not be standard
    photoshop too expensive? use the GIMP! www.gimp.org

  • #6
    Senior Coder
    Join Date
    Apr 2003
    Location
    San Francisco, CA
    Posts
    2,469
    Thanks
    0
    Thanked 0 Times in 0 Posts
    FYI -- webmonkey has a downloadable photoshop file that has each browser+version screen shot on a photoshop layer. You can take your background, pop it on another layer, and size it to match what you'd like. The web address is:
    http://hotwired.lycos.com/webmonkey/...html?tw=design

    edit -- it's the three buttons at the bottom of the page that are named by resolution.
    // Art is what you can get away with. <-- Andy Warhol
    ...:.:::: bradyjfrey.com : htmldog : ::::.:...

  • #7
    Senior Coder
    Join Date
    Apr 2003
    Location
    San Francisco, CA
    Posts
    2,469
    Thanks
    0
    Thanked 0 Times in 0 Posts
    I will also say that my stint here at Codingforums.com has taught me many things about web design I had a difficult time coming to terms with as a print designer, and that is something you should think of when you are building this page. You cannot control the layout 100%.

    This is true when really thinking, why would you need a background that fits exactly in the window? It should be either one size and works in that one size, or it should be 'liquid' and be able to stretch and mold to the screen (or you make variations of your website for different browsers/OS, etc.). It will never fit perfectly controlled because that is not the way web building works -- unless, of course, you build it in Flash -- where you can make everything just like print (with different drawbacks).

    Can you accomplish the site without a background being exactly to the edge of the window?
    // Art is what you can get away with. <-- Andy Warhol
    ...:.:::: bradyjfrey.com : htmldog : ::::.:...

  • #8
    Regular Coder
    Join Date
    May 2003
    Location
    34° 54' N 82° 13' W
    Posts
    996
    Thanks
    0
    Thanked 0 Times in 0 Posts
    What i wanted to do was create a background that would fit snuggly on the screen. Whats the resolution of that?
    Stevie Peele
    Neverside IRC Network - irc.veonex.net | tc.tutorialnetwork.org
    #dev - any programming,etc. question
    #design - design discussion and critque
    #central - general chat
    Come join us!

  • #9
    Senior Coder
    Join Date
    Apr 2003
    Location
    San Francisco, CA
    Posts
    2,469
    Thanks
    0
    Thanked 0 Times in 0 Posts
    What we're saying is that people have many different sized monitors, and those monitors are at different resolutions (I have a 22" monitor here at work which is quite larger than my home one indeed) and every browser has a different amount of viewing space.

    check out that link I sent you again:
    http://hotwired.lycos.com/webmonkey....html?tw=design

    at the bottom is a chart that tells you the resolution by browser. All of them are slightly different (even in the same browser but different version sometimes). So you cannot have one background image fit perfectly into the page. It's not a simple one answer solution. For example:

    640x480 montor
    Windows IE 6 is 620px width x 293px height
    Windows IE 5 is 620px width x 290px height
    Windows IE 4 is 620px width x 317px height

    If you make a background image 620 pixels x 293 pixels -- that'll work for IE 6, but will be too large for IE 5, and too small for IE 4. If someone has their monitor set to 800x600, that background will be too small by far. If their monitor is set to 1024x768, then it'll only be a little over half the size of the screen. Make sense? I tend to ramble...
    // Art is what you can get away with. <-- Andy Warhol
    ...:.:::: bradyjfrey.com : htmldog : ::::.:...

  • #10
    Regular Coder
    Join Date
    May 2003
    Location
    34° 54' N 82° 13' W
    Posts
    996
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Okay, I knew that, but the page is only going to be viewed by me on my PC so it wouldn't matter. Thanks anyways
    Stevie Peele
    Neverside IRC Network - irc.veonex.net | tc.tutorialnetwork.org
    #dev - any programming,etc. question
    #design - design discussion and critque
    #central - general chat
    Come join us!

  • #11
    Senior Coder
    Join Date
    Jun 2002
    Location
    paris, france
    Posts
    1,216
    Thanks
    0
    Thanked 0 Times in 0 Posts
    :| couldn't you have mentoned that earlier
    photoshop too expensive? use the GIMP! www.gimp.org

  • #12
    New to the CF scene
    Join Date
    Jun 2003
    Location
    Solano, Nueva Vizcaya
    Posts
    5
    Thanks
    0
    Thanked 0 Times in 0 Posts

    why not tile the small background

    you could have done tiling a pattern, for my experience handling large background files, i usually have a drawback of crawling pages, which sucks most of the time. what i do is to tile a small pix. surely that would take only a little space with no absolute problem whatever your resolution is.
    EyeStrained doing magic!!!
    Email me at hydrogen0623@yahoo.com.

  • #13
    Senior Coder
    Join Date
    Jul 2002
    Posts
    1,628
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Re: why not tile the small background

    Originally posted by eyestrained21
    you could have done tiling a pattern, for my experience handling large background files, i usually have a drawback of crawling pages, which sucks most of the time. what i do is to tile a small pix. surely that would take only a little space with no absolute problem whatever your resolution is.
    If i'm not mistaken tiling can also slow down a page, as it is up to the computer processor to do it.

    Moderator: General web building

    Get out from under them, resist and multiply.
    Get out from under precipice and see the sky.

  • #14
    New to the CF scene
    Join Date
    Jul 2003
    Location
    Oak Brook IL
    Posts
    6
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Or you could use a feather paintbrush/eraser and paint/erase the very edge of the image you want, and then make the background of the page the color you just added. Then add a fixed background image tag using CSS and viola! Or just use a javascript to resize the browser on clicking the link.
    I love food.


  •  

    Posting Permissions

    • You may not post new threads
    • You may not post replies
    • You may not post attachments
    • You may not edit your posts
    •