"Rory Fitzpatrick" wrote: > Try this out for size: > > <div style="border: 1px solid black; width: auto; float: left;"> > <div style="border: 1px solid fuchsia; margin: 2px; float: left; width: > 100px;"> > That's the way it looks > without tables > </div> > <div style="border: 1px solid lime; margin: 2px 2px 2px 108px; width: > auto;"> > <table border="1"> > > <tbody><tr> > <td>1111111111111111111111111111111111</td> > <td>2222222222222222222222222222222222</td> > </tr> > </tbody></table> > </div> > <div style="clear: both;"> </div> > </div>
Maybe I have stripped my example a bit too much :-) Your solution works only with that simple example. The "real thing" has a background image attached to the right column. (please look at the extended sample here http://paul-sommer.de/test/tablefree.html ) Expanding that image to the left side is not a solution as the menu column grows if the user enlarges the font size (Ctrl + in firefox). The menu column must be sized with em (I think). Otherwise the text runs out of the box if the user enlarges the text. ______________________________________________________________________ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/