However, because they don??™t
expand with the browser window, fixed-width sites restrict you to designing for the lowest
common screen size for your intended audience, meaning that people using larger resolutions
see an area of blank space (or a background pattern).
You can get around this limitation by creating a liquid web design??”one that stretches with
the web browser window. The benefit of a liquid design is that it??™s irrelevant what resolution
the end user??™s machine has??”the design stretches to fit. The drawback is that you
have to be mindful when designing that web page elements move, depending on each end
user??™s monitor resolution and/or browser window size. You therefore cannot place elements
with pixel-perfect precision.
Generally speaking, largely text-based sites tend to work best with liquid layouts, although
you have to take care to ensure the content area is always readable. (I??™ve seen numerous
liquid sites where the text spans the entire web page width, which is tricky enough to read
at 8005600, let alone on larger monitor resolutions.) Sites that are largely image-based in
nature (such as portfolios and many online magazines) tend to work better as fixed websites.
For instance, for any site with fixed-width images at the top of text columns (common
for online magazines), the images would not sit snugly within the columns if the
layout were liquid, and could instead end up lost among large areas of whitespace.
Pages:
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359