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. Advertisements

  2. aa

    Andy Dingley Guest

    208 x 208 is increasingly popular.
    I don't.
    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
    1. Advertisements

  3. aa

    Toby Inkster Guest

    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):
    Toby Inkster, Jan 15, 2007
  4. aa

    pia Guest

    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.

    pia, Jan 15, 2007
  5. aa

    Chaddy2222 Guest

    All of them.
    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.
    Chaddy2222, Jan 16, 2007
  6. aa

    cwdjrxyz Guest

    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.

    cwdjrxyz, Jan 16, 2007
  7. aa

    Roy A. Guest

    Roy A., Jan 16, 2007
  8. aa

    Roy A. Guest

    aa skrev:
    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
  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
    aa, Jan 17, 2007
  10. aa

    Neredbojias Guest

    One way to do essentially that is with css floats.
    Neredbojias, Jan 18, 2007
    1. Advertisements

Ask a Question

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

You'll need to choose a username for the site, which only take a couple of moments (here). After that, you can post your question and our members will help you out.