SitePoint Sponsor

User Tag List

Results 1 to 5 of 5
  1. #1
    SitePoint Addict fut's Avatar
    Join Date
    Dec 2004
    Location
    New York
    Posts
    264
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Optimal width for content?

    Say you have a standard two column blog. is there any general rule to how wide the content side should be? Do paragraphs that are shorter and wider cmoe off as rasier to read then the opposite?
    ATTENTION: Affiliates in the Health Niche
    $297 Product rigorously tested to at least 2% Conversion Rate
    PM for details.

  2. #2
    SitePoint Author silver trophybronze trophy

    Join Date
    Nov 2004
    Location
    Ankh-Morpork
    Posts
    12,158
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    In theory: optimal width = 100%, giving full control to the user.

    In practice, lines of text should not exceed 60-70 characters (depending on the leading). That means 30-40em for normal fonts. The wider the measure (line length), the more leading (line height) you need to maintain readability.
    Birnam wood is come to Dunsinane

  3. #3
    SitePoint Member tmwwtw's Avatar
    Join Date
    Nov 2008
    Location
    In Utero
    Posts
    18
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    when u preview ur site in different browsers, u will notice that some browser (especially ie) not same in width.

  4. #4
    SitePoint Member
    Join Date
    Mar 2007
    Posts
    10
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Different size monitor screens make things interesting too. I like having the total content about 760 pixels wide and the total page just a bit wider, like 780 pixels.

  5. #5
    Programming Since 1978 silver trophybronze trophy felgall's Avatar
    Join Date
    Sep 2005
    Location
    Sydney, NSW, Australia
    Posts
    16,803
    Mentioned
    25 Post(s)
    Tagged
    1 Thread(s)
    Different devices running different browsers have all different widths from zero for web readers up to many thousands of pixels on some projection devices. The only fixed width is that needed for printing where you need a version that will fit within 750px approximately in order for it not to run off the side of a portrait A4 page (letter paper is slightly wider so the same width output will also fit there).

    Tommy's comment on the number of characters per line is probably the most critical consideration in making your content readable. There are a growing number of web sites that are setting their page width higher as average computer screen resolution is increasing whose sites are starting to become difficult to read because their lines of text are starting to get too long. They need to either add more columns of other material to the page or increase their font size.
    Stephen J Chapman

    javascriptexample.net, Book Reviews, follow me on Twitter
    HTML Help, CSS Help, JavaScript Help, PHP/mySQL Help, blog
    <input name="html5" type="text" required pattern="^$">


Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •