On Sat, May 30, 2009 at 9:08 AM, Delos Woodruff <[email protected]> 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/>. Erik ______________________________________________________________________ css-discuss [[email protected]] http://www.css-discuss.org/mailman/listinfo/css-d 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/
