The Web’s House of Horrors

The Web is not paper.

No matter how many times that statement is repeated (and many now consider it a cliché), there are still many so-called designers who think they can design web sites the way they design printed pages. Here are some examples of what happens when web coders do not take into account the fact that a web browser can have different settings from theirs.

The problems are usually caused by over specification: specifying a size when none is necessary. As a result, when the the viewer uses a larger font size, text overflows its container and often overwrites other text.

Justified text is usually inappropriate on a web page, and it is made worse when the columns are narrow (usually due to width specification in px instead of em or %).

background-proud.jpg 760 x 167
background-prue.jpg 154 x 148
form-entry-buddy.jpg 332 x 51
inflexible-ajsquare.jpg 1078 x 260


justify-books.jpg 478 x 247
justify-max.jpg 710 x 259
justify-renasoft.jpg 614 x 199
justify-spraoi.jpg 293 x 443
overwrite-adgt.jpg 889 x 338
overwrite-arngren.jpg 1280 x 960
overwrite-bdpc.jpg 980 x 154
overwrite-boxhill.jpg 635 x 255
overwrite-bte.jpg 705 x 258
overwrite-bwd.jpg 687 x 273
overwrite-canisp.jpg 306 x 290
overwrite-hosting.jpg 591 x 310
overwrite-ittoolbox.jpg 597 x 97
overwrite-jez.jpg 965 x 470
overwrite-meditation.jpg 856 x 298
overwrite-motivated.jpg 663 x 253
overwrite-murder.jpg 740 x 412
overwrite-narrow.jpg 1126 x 264
overwrite-plentgro.jpg 805 x 447
yahoo-ruby.jpg 397 x 590
vb-michelangelo.jpg 530 x 419
vb-michelangelo2.jpg 328 x 792