How I make my website the same on all resolutions?

I am currently using an old laptop, so the resolution is different than modern computers. I was wondering how I make my website look the same for all resolutions? It must be possible, I am using HTML, CSS and Jquery to make my website . 🙂

Many thanks, Liam

Related Items

6 Responses to “How I make my website the same on all resolutions?”

  1. Christophe Lengagne said:

    you can define the size of your page in HTML.

  2. Colanth said:

    Use JQuery to determine the browser’s size, then adjust the sizes accordingly, or use percentages instead of sizes.

  3. Ruby Smith said:

    You could use em or % to definite your layout ( width ).
    EG wrap {width: 80%; margin-left:auto; margin-right:auto }

  4. Robert said:

    The answer to your question is that you need to use a “fixed” layout design which specifies the overall width of a container div (usually centered on the page) and uses specific widths for every sub-element.

    However you may want to also ask yourself the question “Is my goal to have the website look “the same” for all resolutions or is my goal to have my website look “good” for all resolutions. Those goals are not completely compatible. In general a “fluid” design will look the best on the most resolutions (if it is done well), while a fixed design will look “the same” on all resolutions (but will generally look “bad” on either very high or very low resolutions depending on how it was designed).

    The resource I have specified gives a good overview of both methods, their pros and cons (though it is probably inordinately biased toward fixed design), and some tips on implementing each one.

  5. Dean Lalala said:

    change your screen resolution to fit normal resolutions then make a website

  6. Mr. Caveman said:

    Choosing Dimensions for Your Web Page Layout:

    http://www.elated.com/articles/choosing-dimensions-for-your-web-page-layout/
    How to create flexible sites quickly using standards like CSS and XHTML: http://www.ibm.com/developerworks/web/library/wa-rapid/
    In Search of the Holy Grail: http://www.alistapart.com/articles/holygrail/

    Care With Font Size: http://www.w3.org/QA/Tips/font-size

    Why Validate?: http://validator.w3.org/docs/why.html
    CSS Validator: http://jigsaw.w3.org/css-validator/
    HTML Validator: http://validator.w3.org/#validate_by_uri+with_options

    Ron




Message:

[newtagclound int=0]

Subscribe

Recent Comments

Recent Posts

Archives