SitePoint Sponsor

User Tag List

Results 1 to 2 of 2
  1. #1
    SitePoint Member
    Join Date
    Mar 2009
    0 Post(s)
    0 Thread(s)

    Auto Stretching Linear Gradient Background To Any Browser Resolution


    I could find a answer after google a several times
    Anyone know how to let the background looks like vbulletin dot org

    No matter how you reduce or increase the browser resolution, it is still showing perfectly by auto scaling and stretching.

    After i checked, it is using a single jpg file as the background

    so I'm wondering how it works by only stretching 2 end side and remain the center white colour part. and the site content has a fixed width.

    hope somebody could help me. thank you

  2. #2
    Follow: @AlexDawsonUK silver trophybronze trophy AlexDawson's Avatar
    Join Date
    Feb 2009
    England, UK
    0 Post(s)
    1 Thread(s)
    They have the image as the background – it is a single gradient which fades from one solid color to another that spans the entire page width, the background color itself matches the furthest edge of the screen so when it “fades out” it will fade into a solid color which will work for any width. As for the white content box, this is nothing more than a center aligned div with a fixed width which has a white background color.


Posting Permissions

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