Fluid Layout

Text line length

[tangor]

In these days of fluid layouts and RWD, what measures are you using to keep text (body) line lengths in the recognized 55 to 72 character length?

Divs of fixed width?, Columns? Or (ugh!) Tables?

Moving from desktop screen sizes to tablets and mobile is an on-going chore.

Tips and tricks, your faves.

[not2easy]

I set a max width for a page using a container wrapper and develop for that size using percentage widths. I replace px sizing with em based on browser defaults for sized elements and with a viewport it all resizes proportionally. Some elements may need special attention. There are tips (and links to resources) for this here: [webmasterworld.com...]

These methods are not a cure-all for all sites, but you may get some ideas from it.

[Hoople]

Another alternative is the various grid systems (a mosaic/tile aspect) that allow a flexible number of boxes per row to arrange content. A CSS/JS table that's dynamic.

The screen can be wide/narrow but the individual boxes can be set widths that are are still responsive.

Setting a max-width on the box itself tames the line length and allows a huge screen to be filled with your site (for those that surf the web that way)