How is this auto resolution done in Web Design?

Discussion in 'HTML & Website Design' started by Axus Technologies Inc., Mar 9, 2010.

  1. #1
    Hi there..
    I was just checking this site on 5 of my systems, which all have got different resolutions of monitor , but this site top edges looks perfecvt and fits into all type of resolutions ..
    Now how is that possible ??

    I think, BG image must be of one size only , then how ??
     
    Axus Technologies Inc., Mar 9, 2010 IP
  2. LiamHammett

    LiamHammett Active Member

    Messages:
    498
    Likes Received:
    6
    Best Answers:
    0
    Trophy Points:
    60
    #2
    Have separate corner images, then have them put there solid, not streched as a whole background may be... Also, use "%", not "px".
     
    LiamHammett, Mar 9, 2010 IP
  3. iMakeInternet

    iMakeInternet Peon

    Messages:
    9
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #3
    They use rounded corners for the edges and a percentage based width. This allows for what is called a liquid layout that would fit most if not all resolutions.
     
    iMakeInternet, Mar 9, 2010 IP
  4. remeedella

    remeedella Peon

    Messages:
    211
    Likes Received:
    1
    Best Answers:
    0
    Trophy Points:
    0
    #4
    usually some settings require the width: auto !important attribute.. Been working with this issue a lot lately
     
    remeedella, Mar 9, 2010 IP
  5. Axus Technologies Inc.

    Axus Technologies Inc. Peon

    Messages:
    599
    Likes Received:
    3
    Best Answers:
    0
    Trophy Points:
    0
    #5
    Hmm..
    I should better try something first and see how it works.
     
    Axus Technologies Inc., Mar 9, 2010 IP