SitePoint Sponsor

User Tag List

Results 1 to 4 of 4
  1. #1
    SitePoint Guru laflair13's Avatar
    Join Date
    Nov 2004
    Location
    TN
    Posts
    610
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Making site change size for different size monitors?

    I know this has probably been asked 1000 times but I cannot find the answer.

    I want to make the website adjust so it looks good in a 17" and a 22" monitor. Is there some kind of CSS code I can put it that I can accomplish this?

    Again sorry for the newb question but I am having a brain fart today.
    Thanks In Advance

    David

  2. #2
    SitePoint Wizard bronze trophy Black Max's Avatar
    Join Date
    Apr 2007
    Posts
    4,029
    Mentioned
    12 Post(s)
    Tagged
    0 Thread(s)
    Your only real option here is to use a liquid (fluid) or elastic layout that adjusts to the size of the "canvas." There are scripts out there which allow for multiple stylesheets, so you could create multiple sizes for your site and allow the user to switch back and forth, but the liquid/elastic layout is far more sensible IMO.

  3. #3
    Mouse catcher silver trophy
    Stevie D's Avatar
    Join Date
    Mar 2006
    Location
    Yorkshire, UK
    Posts
    5,838
    Mentioned
    114 Post(s)
    Tagged
    1 Thread(s)
    One option is to use media queries, so that you create maybe 4 or 5 different versions of the layout, and then the browser will pick the appropriate one based on window size.

  4. #4
    SitePoint Wizard
    Join Date
    Jul 2003
    Location
    Kent
    Posts
    1,921
    Mentioned
    1 Post(s)
    Tagged
    0 Thread(s)
    So how would you handle a 22" monitor with a screen width of 1200px and another one with a screen width of 1400px, and another one with a width of 1900px?

    Next, what if one user of a 22" monitor has two browsers open side by side, comparing two online shops perhaps?

    Basically, design a site to look good on an average size (in pixels) monitor, and remember that trying to read 15 - 20" long lines of text and then find the beginning of the next line of text is tricky.


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
  •