Full-screen background HTML code?

Discussion in 'Web Design and Development' started by destere, Feb 12, 2010.

  1. destere macrumors newbie

    Joined:
    Nov 30, 2008
    #1
    I don't know much HTML, so forgive me.

    I was wondering whether it is possible to have a background picture that automatically resizes to the screen, without it just being cropped.

    SoBe for example. I know this is in flash, but is it possible to get the same effect in HTML?

    http://www.sobe.com/


    Thanks:confused:
     
  2. Maxington macrumors 6502

    Joined:
    May 11, 2007
    Location:
    Oshkosh, WI
    #2
    Yes, you can put an image like that as a background image.

    - The image isn't "resizing" it's position on the page is changing

    - You can do this with HTML/CSS
     
  3. angelwatt Moderator emeritus

    angelwatt

    Joined:
    Aug 16, 2005
    Location:
    USA
    #3
    Background images can't resize on their own (except with CSS3, but not well supported for now). One solution is to use an image tag and size it for 100% width and then use z-index to keep it in the back and the content in the front. Here's one of a number of tutorials to do this.
     
  4. destere thread starter macrumors newbie

    Joined:
    Nov 30, 2008
    #4
    Thanks very much for your help, i've got exactly what I need now!
     
  5. jaikob macrumors 6502

    jaikob

    Joined:
    Jul 1, 2008
    Location:
    Freeland, MI
    #5
    You also have to take into consideration that they are using a full flash layout. Flash will easily allow you to resize it's workspace with a little actionscript, unlike CSS (not 3) which will not do that.
     
  6. DaReal_Dionysus macrumors regular

    DaReal_Dionysus

    Joined:
    Jan 9, 2009
    #6
    This member is correct flash is the way to go.
     

Share This Page