Linked by Thom Holwerda on Sun 3rd Jun 2012 22:04 UTC
Thread beginning with comment 520661
To view parent comment, click here.
To read all comments associated with this story, please click here.
To view parent comment, click here.
To read all comments associated with this story, please click here.
Actually, it is. One of the basic typesetting rules says not to exceed (on average) 12 words per line or several of inches of column width at normal reading distance.
So, no, stretching the column width to the screen size is not a solution. An automatic multi-column layout is, but html/css does not support it out of the box.
RE[8]: Comment by gmlongo
by Aankhen on Wed 6th Jun 2012 09:09
in reply to "RE[7]: Comment by gmlongo"
Actually, it is. One of the basic typesetting rules says not to exceed (on average) 12 words per line or several of inches of column width at normal reading distance.
Please read the last line of my comment again. This is why you set a maximum width in terms of ems. I’m also not sure what you’re referring to when you say ‘it is’.
So, no, stretching the column width to the screen size is not a solution.
Indeed. Nor is keeping it at a fixed width, as I said; that’s optimal for a small subset of users and annoying for everyone else. What is a solution is allowing your column to expand in proportion and setting a sensible maximum width.
An automatic multi-column layout is, but html/css does not support it out of the box.
Actually, it does, and browser support is almost 100% at this point (though it does require including the prefixed versions of the properties):
http://caniuse.com/#feat=multicolumn (columns)
http://caniuse.com/#feat=css-mediaqueries (media queries so you can adjust the number of columns based on the width of the page)




Member since:
2010-01-13
Fixed‐width layouts are part of the problem, not the solution. Reading a page that uses a single 800px column on a 22″ screen is a pain: I don’t want to squint and I don’t want to put my face right against the monitor, so I bump up the text size… and get to read three words in a line. Reading a page with a fixed width of 1,280px on a 4.3″ screen with a horizontal resolution of 960px is equally annoying, for obvious reasons.
There is no one size fits all solution. Different devices need different layouts, and you can achieve a lot of that on the web using media queries (see http://css-tricks.com/css-media-queries/ for more on that subject) in combination with relative measures and minimum/maximum widths (for example, size your content using ems and set a max-width of 43em on paragraphs).