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 5 of 5
  1. #1
    New to the CF scene
    Join Date
    May 2009
    Posts
    3
    Thanks
    0
    Thanked 0 Times in 0 Posts

    image resizes with different browsers?

    i'm working on my site right now and i've run into a problem. the image i'm using on looks good on my screen. i need the image to resize for different browsers/screens. i've read online about this for seriously days and just can't seem to figure it out. note: i'm very new to programming. i don't know much and have just been using adobe flash and dreamweaver. i used the flash programs to design them and dreamweaver to edit the html. i know a little bit about html and css but i reallllyy need this site so i have to figure it out. so i'm sorry for being such a noob.

    basically: i need this site's background image to resize to fit different browsers and windows.
    www.digcig.com
    please explain?

  • #2
    Supreme Master coder! abduraooft's Avatar
    Join Date
    Mar 2007
    Location
    N/A
    Posts
    14,801
    Thanks
    160
    Thanked 2,216 Times in 2,203 Posts
    Blog Entries
    1
    There is no way to resize a background image in CSS(as of now). Though you could fake this by some z-index tricks, see http://www.cssplay.co.uk/layouts/background.html
    Last edited by abduraooft; 05-29-2009 at 10:29 AM.
    The Dream is not what you see in sleep; Dream is the thing which doesn't let you sleep. --(Dr. APJ. Abdul Kalam)

  • #3
    New to the CF scene
    Join Date
    May 2009
    Posts
    3
    Thanks
    0
    Thanked 0 Times in 0 Posts
    thank you for being direct, abduraooft. saved me a lot of time trying any longer

  • #4
    The fat guy next door VIPStephan's Avatar
    Join Date
    Jan 2006
    Location
    Halle (Saale), Germany
    Posts
    8,485
    Thanks
    6
    Thanked 981 Times in 954 Posts
    Well, I just have to intervene here so that you donít get off on the wrong foot and thing itís OK to do what abduraooft showed you with that link. Itís certainly possible to do this but just because itís possible doesnít mean that itís good or right to do this.

    Iíd like to ask you to use Firefox to visit that page and then switch off the styles (View > Page style > no style). What do you see? Iíll tell you: You see a huge image of a rabbit and nothing else unless you scoll down ten miles. This is not the right approach! This isnít semantic at all and forces the visitor to see an image thatís totally irrelevant to them or the understanding of the site. And even worse: you force visitors viewing your site with anything other than a regular computer to download a huge image and then spend forever to scroll down just to see the actual content they came for.

    I can tell you what the correct approach could be. The first thing you need to know is: the background image isnít important to understand the subject of the site (or shouldnít be!). People should still get what you want to tell them without seeing any background image. This is why a background image must not be an HTML image (<img>) but actually a background image applied through CSS.

    So in future create/use background images where it either doesnít matter if it fills the entire screen or use images that can tile, and thus, repeat very well.

    As to your crrent image this is relatively simple, actually: Slice your image where you have the graphic in the top left and the graphic in the bottom right in two separate images. You then apply these images as CSS backgrounds to two elements (e. g. <html> and <body>) in the respective corners and whenever one resizses the viewport the images would stay in the corners and kinda ďscaleĒ with the viewport size. The text in the bottom left and top right shouldnít be a background image anyway, or at least the top right should be a separate image as well.

  • #5
    New to the CF scene
    Join Date
    May 2009
    Posts
    3
    Thanks
    0
    Thanked 0 Times in 0 Posts
    thanks for your advice, stephan, you're absolutely right. i'm gonna work on modifying it so that i just don't use that image. i like it, but you're right. that's not the important thing on the site.


  •  

    Tags for this Thread

    Posting Permissions

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