SitePoint Sponsor

User Tag List

Results 1 to 4 of 4
  1. #1
    SitePoint Member
    Join Date
    Mar 2001
    Posts
    2
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    How can i make my background scalable across different resolutions? I want to have a bar down each side and have it look the same in all resolutions.

  2. #2
    One website at a time mmj's Avatar
    Join Date
    Feb 2001
    Location
    Melbourne Australia
    Posts
    6,282
    Mentioned
    1 Post(s)
    Tagged
    0 Thread(s)
    Unfortunately I cannot find a way of doing this - I've checked out http://www.htmlhelp.com/reference/css/properties.html but there isn't anything about stretching the background image.

    Could you use tables? You could set the column widths to 25%, 50%, 25% or something like that.

  3. #3
    SitePoint Zealot cckrocks's Avatar
    Join Date
    Nov 2000
    Location
    A home in the hills where the grass grows green an
    Posts
    183
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Really the only way to do it is with layers. You have to have a <div> with a 100% table in it, a z-index less than the rest of your page, and then use a picture with it's width attribute set at 100%. You will have to put the rest of your page in a <div> also with a higher z-index than the "background" layer.
    Think beyond what is common...
    www.jaggedknife.com
    www.fusion-in.com

  4. #4
    SitePoint Wizard creole's Avatar
    Join Date
    Oct 2000
    Location
    Nashvegas Baby!
    Posts
    7,845
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    you might be able to do it with stylesheets.

    try this (don't know if it will work or not):

    BODY {background: url(image.jpg); width: 100%; height: 100%"; }

    good luck
    Adobe Certified Coldfusion MX 7 Developer
    Adobe Certified Advanced Coldfusion MX Developer
    My Blog (new) | My Family | My Freelance | My Recipes


Bookmarks

Posting Permissions

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