designing to fit into screen resolution

Discussion in 'HTML' started by aa, Jan 15, 2007.

  1. aa

    aa Guest

    what is the most common screen resolution these days?
    For what resolution do you usualy design?
    What is the technique to designe an HTMP page which would automatically fit
    into the resolution set on a particalar Windows installation?
     
    aa, Jan 15, 2007
    #1
    1. Advertising

  2. aa

    Andy Dingley Guest

    aa wrote:

    > what is the most common screen resolution these days?


    208 x 208 is increasingly popular.

    > For what resolution do you usualy design?


    I don't.

    > What is the technique to designe an HTMP page which would automatically fit
    > into the resolution set on a particalar Windows installation?


    Fluid design and not caring what screen resolution the user has.

    1. You care about window size, not screen size.
    2. You don't need to know this: code in a fluid style and let the
    user's browser worry about how to render it.
    3. A good way to achieve a fluid design is to use simple HTML and
    competent CSS (try readign "Head First HTML & CSS" for an intro.
    4. Don't _ever_ mess dynamically with the user's window size, window
    state, or browser settings.
    5. JavaScript is of little use here. A "JavaScript solution" you're
    offered is probably quite wrongly intentioned from the outset.
     
    Andy Dingley, Jan 15, 2007
    #2
    1. Advertising

  3. aa

    Toby Inkster Guest

    Andy Dingley wrote:

    > 5. JavaScript is of little use here. A "JavaScript solution" you're
    > offered is probably quite wrongly intentioned from the outset.


    There are some places where it's quite useful. An example might be to have
    two or three different versions of some graphics (logos, maps,
    illustrative images, etc), detecting window size and displaying the most
    appropriate size (with appropriate markup such that non-Javascript people
    can still see the image).

    It is *possible* to do this without Javascript, using only CSS, but the
    percentage of browsers that support it is very small, so this will only be
    appropriate for very specialised pages. For an example, look at the
    following page in Opera (which does allow for different styles based on
    window size) at 300px width and again at 500px width (you may need to
    "reload" between sizes):
    http://tobyinkster.co.uk/Software/w3dev_menu/w3dev-3.0.ini

    --
    Toby A Inkster BSc (Hons) ARCS
    Contact Me ~ http://tobyinkster.co.uk/contact
     
    Toby Inkster, Jan 15, 2007
    #3
  4. aa

    pia Guest

    On Mon, 15 Jan 2007 13:36:13 +0000, aa wrote:

    > For what resolution do you usualy design? What is the technique to
    > designe an HTMP page which would automatically fit into the resolution


    if you have a lot of pictures involved you could try to make frames, fix
    the width of the main frame and put flexible frames around, so the content
    is centered.

    it will be suitable for low-res and for the high-res you will not have any
    scaled up pictures. if you choose a suitable background for
    the surrounding frames it also looks good with lots of space around.

    regards,pia
     
    pia, Jan 15, 2007
    #4
  5. aa

    Chaddy2222 Guest

    aa wrote:
    > what is the most common screen resolution these days?
    > For what resolution do you usualy design?


    All of them.

    > What is the technique to designe an HTMP page which would automatically fit
    > into the resolution set on a particalar Windows installation?

    Well, you need to realize that A not everyone users Windows as an OS
    and B, not every user users a screen.
    Design for the web, not for specific users.
    --
    Regards Chad. http://freewebdesign.cjb.cc
     
    Chaddy2222, Jan 16, 2007
    #5
  6. aa

    cwdjrxyz Guest

    aa wrote:
    > what is the most common screen resolution these days?
    > For what resolution do you usualy design?
    > What is the technique to designe an HTMP page which would automatically fit
    > into the resolution set on a particalar Windows installation?


    You have received many replies that indicate that there is no single
    "best" way for all applications. I have seen a few pages that are
    mainly just one large image file such as a jpg. The page images and
    text are put together on an image tool such as PaintShop. Then the
    image is set to a certain percentage of the page width with css. This
    approach has become very popular with some spammers on html email,
    because the spam blockers then often can not read text on the page.
    Then there is always pdf that is quite popular for some applications -
    especially for pages that need to be printed out in an exact format,
    such as tax forms.

    __________________________________

    http://wineFAQ.hostexcellence.com/
     
    cwdjrxyz, Jan 16, 2007
    #6
  7. aa

    Roy A. Guest

    Roy A., Jan 16, 2007
    #7
  8. aa

    Roy A. Guest

    aa skrev:

    > What is the technique to designe an HTMP page which would automatically fit
    > into the resolution set on a particalar Windows installation?


    I don't know why you are assuming that it would be easier to design
    for a particular installation, but you could give the users an
    opportunity to disable elements that are taking up space in smaller
    resolutions. These elements could be presented in another way,
    somewhere else on the page.
     
    Roy A., Jan 17, 2007
    #8
  9. aa

    aa Guest

    Roy, how exactly can I give the users an opportunity to disable elements
    that are taking up space in smaller resolutions.
    And how these elements could be presented in another way, somewhere else on
    the page.
    I am not familiar with this technique


    "Roy A." <> wrote in message
    news:...
    >
    > aa skrev:
    >
    > > What is the technique to designe an HTMP page which would automatically

    fit
    > > into the resolution set on a particalar Windows installation?

    >
    > I don't know why you are assuming that it would be easier to design
    > for a particular installation, but you could give the users an
    > opportunity to disable elements that are taking up space in smaller
    > resolutions. These elements could be presented in another way,
    > somewhere else on the page.
    >
     
    aa, Jan 17, 2007
    #9
  10. aa

    Neredbojias Guest

    On Wed, 17 Jan 2007 14:54:33 GMT aa scribed:

    > Roy, how exactly can I give the users an opportunity to disable
    > elements that are taking up space in smaller resolutions.
    > And how these elements could be presented in another way, somewhere
    > else on the page.
    > I am not familiar with this technique


    One way to do essentially that is with css floats.

    --
    Neredbojias
    He who laughs last sounds like an idiot.
     
    Neredbojias, Jan 18, 2007
    #10
    1. Advertising

Want to reply to this thread or ask your own question?

It takes just 2 minutes to sign up (and it's free!). Just click the sign up button to choose a username and then you can ask your own questions on the forum.
Similar Threads
  1. Andrew FPGA
    Replies:
    0
    Views:
    985
    Andrew FPGA
    Sep 26, 2005
  2. Boki
    Replies:
    7
    Views:
    14,131
  3. Piet
    Replies:
    0
    Views:
    562
  4. Pat
    Replies:
    5
    Views:
    547
  5. aa
    Replies:
    107
    Views:
    2,008
Loading...

Share This Page