the current site: http://pgiproducts.com/pgi.asp my attempt at removing the layout table: http://pgiproducts.com/skins/pgimsd/demo1.htm
Resize your viewport small enough that the #content wraps below #nav
I "fixed" my design proof in Firefox by #content {overflow: visible} but my proof used long strings of static text, which is not accurately representational of the actual dynamic contents. The markup that goes inside the #content div is out of my control, but I have to make sure the existing content is displayed properly. A small viewport causes the floated #content to wrap under the floated #nav. I tried using absolute positioning, but could not figure out the #footer. Since IE does not allow content to be visible outside the containing box, I set an arbitrarily large width on the #middle div to try to prevent the wrapping when #content got too big. None of this is working the way I think it should.
Many of the links I've googled have simple examples of two-column layouts with header & footer. The problem is that they do not expect the #content to scroll right out of the viewport. I know horizontal scrolling isn't fashionable, but I can't enforce a redesign of existing pages which have been allowed the freedom of infinite right extension.
What else can I try before admitting I've spent too much time on this already and leave the table-based layout in place?
______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
