Website layouts: Considering different screen resolutions

One of the challenges of designing a web page is that different computers/devices have different screen resolutions (i.e. the size of the screen, measured in pixels). A website that does not properly consider this could force the user to scroll horizontally, making the website unattractive and difficult to use.

There are a two main types of layouts:

"Fixed-width" - As the name suggests, the width of the page is fixed by the designer, regardless of the resolution of the device it is being viewed on.

"Liquid layout" - A liquid layout is where the content moves automatically to fit the screen resolution. I shall be using a liquid layout for this reason to prevent the user having difficulty using the website (some users in my target audience may not have much experience using computers).

Screen resolutions of computer monitors