LWN.net Logo

page layout -- horizontal scrolling

page layout -- horizontal scrolling

Posted Feb 1, 2007 15:50 UTC (Thu) by grouch (guest, #27289)
In reply to: more thoughts by dune73
Parent article: An LWN reader survey

Revamping the site visually would make it more appealing (no drums and whistles, but a clean, modern layout. Right now it is a clean old-fashioned layout).

The only revamping that I would like to see is elimination of the ability of one comment to wreck a page through the use of long, unbroken character strings. Other sites which allow comments, and are based on HTML tables, also suffer from this bug. As it is, anyone could force the width of this page, and any HTML format comments, to reach a very annoying extreme.

It is correctable either by pre-parsing comments (inserting whitespace if strings outside of < and > exceed a certain length without whitespace) or by eliminating the use of tables for displaying comments.


(Log in to post comments)

page layout -- horizontal scrolling

Posted Feb 1, 2007 15:52 UTC (Thu) by corbet (editor, #1) [Link]

I thought that problem had mostly been fixed when we started activating long URLs and shortening the text to http://long-url.com/whatever... Longer term, a better, more CSS-aware layout is clearly needed.

page layout -- horizontal scrolling

Posted Feb 1, 2007 16:22 UTC (Thu) by grouch (guest, #27289) [Link]

The article GPL 3: An Open-Source Earthquake? (CRN) is one which now appears with a long horizontal scrollbar for me. Each line is about twice the width of my browser. Best I can tell, it comes from one plain-text URL widening one column of the table.

It doesn't happen often but it is most likely to happen when there are lots of comments. It is also a method by which someone can work deliberate mischief.

page layout -- horizontal scrolling

Posted Sep 11, 2007 15:37 UTC (Tue) by JLCdjinn (guest, #1905) [Link]

CSS offers at least one elegant solution to this problem with the overflow property. When set to "auto", a block that is too wide will automagically generate its own scroll bars; other blocks are not affected.

For LWN, the rule would look something like this:

div.CommentBox
{
  overflow: auto;
}

Copyright © 2013, Eklektix, Inc.
Comments and public postings are copyrighted by their creators.
Linux is a registered trademark of Linus Torvalds