Web Analytics Made Easy -
StatCounter Background Image in CSS - CodingForum

Announcement

Collapse
No announcement yet.

Background Image in CSS

Collapse
X
 
  • Filter
  • Time
  • Show
Clear All
new 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
    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

    Comment


    • #3
      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

      Comment


      • #4
        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.

        Comment


        • #5
          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?

          Comment


          • #6
            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.
            Co-Operative Web Development

            Comment


            • #7
              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!·

              Comment

              Working...
              X