SitePoint Sponsor

User Tag List

Results 1 to 4 of 4
  1. #1
    SitePoint Member
    Join Date
    Feb 2010
    Posts
    9
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Question Strech To Screen Resolution

    I have made a website using a picture as background, and the resolution i worked in was 800 * 600.. Now i want my pages to be automatically adjusted or stretched as per the screen resolution...

    Also i am making another website, so plz tell me the best way to make it optimized for all browsers and resolutions

  2. #2
    SitePoint Mentor bronze trophy
    John_Betong's Avatar
    Join Date
    Aug 2005
    Location
    City of Angels
    Posts
    1,806
    Mentioned
    73 Post(s)
    Tagged
    6 Thread(s)
    Quote Originally Posted by yash1990singla View Post
    I have made a website using a picture as background, and the resolution i worked in was 800 * 600.. Now i want my pages to be automatically adjusted or stretched as per the screen resolution...

    Also i am making another website, so plz tell me the best way to make it optimized for all browsers and resolutions
    Please supply your URL so that we can look at your code and advise accordingly.


    .

  3. #3
    SitePoint Member
    Join Date
    Feb 2010
    Posts
    9
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    I have not hosted it yet, isnt there a general way to do this

  4. #4
    Follow: @AlexDawsonUK silver trophybronze trophy AlexDawson's Avatar
    Join Date
    Feb 2009
    Location
    England, UK
    Posts
    8,111
    Mentioned
    0 Post(s)
    Tagged
    1 Thread(s)
    Have the image in a IMG element (within the HTML), use absolute positioning to tie it to the top & left hand side, set width and height as 100% and use z-index to ensure all other content and elements are placed over the top (rather than under it). It's the cleanest way and it'll give you the scaling effect you want.

    See this link for an example: http://www.ringvemedia.com/


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
  •