"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. > > If you want to increase the space between the divs simple increase the > margin-left value (108px - this allows for the 100px width + total 6px > margin + 2px of border). > > Hope this helps > > Rory > ______________________________________________________________________ > 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/ -- Sei nicht verzweifelt, wenn es ums Abschiedsnehmen geht. Ein Lebewohl ist notwendig, ehe man sich wiedersehen kann. Und ein Wiedersehen, sei es nach Augenblicken, sei es nach Lebenszeiten, ist denen gewiß, die Freunde sind. -- Richard Bach ______________________________________________________________________ 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/
