As dorward already said, that's the normal behaviour.
When you use tables for layout, then the cells adjust their size to fit the content and you end up with something like this post:
You need to use the horizontal scrollbar even to read the content that does not overflow.
That's something you absolutely want to avoid.
If this site was built using divs instead of tables, only the overflowing content would require scrolling,
the rest of the content would nicely align to the right side of the browser.
Some people are not yet used to this overflow behaviour, but they will get used to it soon since more and more sites move to table-free layout.
Note that IE does the exact same thing with the exception that it will stretch the container's background and border,
but the non-overflowing content will also wrap to the width you specified.
In your case it's a little different because you use a fixed-width layout, but that's just a small detail.
You could consider using a variable-width (full browser width) layout instead (that's what Google uses).
Then you can get rid of the right gray border.
If you want to keep the fixed-width and the right border, then you can increase your width or reduce the font-size
to stop the overflow for most of your links when using the default text-size.
But since text-size can be modified by the visitor, there will always be some situation where your content will overflow.
Main Topics
Browse All Topics
by: dorwardPosted on 2005-06-24 at 12:07:10ID: 14296501
That is what is supposed to happen when content can't fit inside an element with a fixed width - it overflows outside the box. Do you really need to display the URLs there? They are long strings of text with no wrappable characters and thus an invitation for this sort of problem. Can you truncate the URLs somehow? e.g. http://www.example...page=