On Sat, May 30, 2009 at 9:08 AM, Delos Woodruff [EMAIL-REMOVED]> wrote:
> I've got a site that is built using tables for layout and I'd like to
> eliminate the small horizontal scroll that shows up. I am assuming it
> has something to do with the margins/padding in all the nested tables
> but I would expect the problem to show up in IE or in FF but not both.
> It also goes the same thing in different screen settings.
One issue is that the main table's width is 100%, but it's also
surrounded by a 1px border, so the total computed width of the
outermost table is 100% + 2px.
But probably the bigger challenge is the tremendous number of nested
tables your layout has; each one appears to have inline styles
associated with it as well as percentage-based width declarations
(either via the width attribute or through inline styles). And some of
the tables with width="100%" also have their cellpadding attributes
set to larger than 0, which might also be affecting your issue.
This level of unnecessary complexity is one of the reasons I avoid
table-based layouts (aside from in HTML emails), but since this is the
layout you have, I'd recommend making extensive use of the Firebug
plugin for Firefox: <http://getfirebug.com/>.
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/