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
January 27th, 2011 at 8:18 am
you can define the size of your page in HTML.
January 27th, 2011 at 8:32 am
Use JQuery to determine the browser’s size, then adjust the sizes accordingly, or use percentages instead of sizes.
January 27th, 2011 at 8:38 am
You could use em or % to definite your layout ( width ).
EG wrap {width: 80%; margin-left:auto; margin-right:auto }
January 27th, 2011 at 8:54 am
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.
January 27th, 2011 at 8:55 am
change your screen resolution to fit normal resolutions then make a website
January 27th, 2011 at 9:54 am
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