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 7 of 7
  1. #1
    New Coder
    Join Date
    Jun 2002
    Location
    Colorado
    Posts
    66
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Background Image in CSS

    Hey, i was wondering how i would go about stretching a background image across the entire page...im sure the solution is very simple, but any help is greatly needed! Thanks a lot everyone.
    -Sk8er9547

  • #2
    Regular Coder
    Join Date
    Jun 2002
    Posts
    344
    Thanks
    0
    Thanked 0 Times in 0 Posts
    I'm not sure if you can do this... but, try it like this (I'm just guessing here

    <style>
    BODY {background-properties: stretch;}
    </style>

    ~Quack

  • #3
    Regular Coder
    Join Date
    Jun 2002
    Posts
    344
    Thanks
    0
    Thanked 0 Times in 0 Posts
    I just checked the CSS/CSS2 specifications on http://www.w3schools.com and there is no way to do what you want to do.

    You could however have a layer that sits below all other layers which stretches the complete page - put an image in that layer and have the image stretch the layer.

    You'd have to use all layers though..

    ~Quack

  • #4
    Regular Coder
    Join Date
    Jun 2002
    Location
    North East England
    Posts
    853
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Use a layer with the image size set to !00%, Set the layer positioning to absolute and stick the code as the first thing after the <body> tag. Should do it.
    [+] Computer/PC issues [+] Silverpaw3D
    ------------------------------------------------
    Never buy a dwarf with learning disabilities...

    ...it's not big, and it's not clever.

  • #5
    New Coder
    Join Date
    Jun 2002
    Location
    NYC
    Posts
    30
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Maybe I don't fully understand what it is you're trying to do... do you just want to take a normal image and have it appear in your page stretched to fill out the width? Setting WIDTH="100%" in your <img> tag will do that, and the image will still fit to the screen if you resize it. Setting a fixed value will retain whatever distortion you apply when the screen is resized. In other words, if the image is 40 px wide, and you define width as 300, you will get a seriously stretched image. Is that what you mean, or do you mean making an animation of the image Resizing?

  • #6
    New Coder
    Join Date
    Jun 2002
    Posts
    30
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Another option

    Quiet Stormís code (on AndyBís server):

    http://www.halfadot.com/freehelp/qs-demo.html

    The script was written for NS4 and IE4, but Iím viewing it in IE6 with no problems. You prolly need to add NS6 compatibility to the script.

  • #7
    Regular Coder
    Join Date
    Jun 2002
    Location
    Beyond Lament
    Posts
    424
    Thanks
    0
    Thanked 0 Times in 0 Posts
    QuŪet Storm Designs ~ Art is not what you see, but what you make others see.
    the Storms∑ || ∑Ultraviolent Winter∑ || ∑Was Einstein Wrong?∑ || ∑Itīs About Time!


  •  

    Posting Permissions

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