On 23/05/07, Paul Sommer <[EMAIL PROTECTED]> wrote: > <div style="width:auto; white-space:nowrap; border:1px solid black;"> > <div style="white-space:nowrap; border:1px solid fuchsia; margin:2px; > float:left;"> > That's the way it looks<br> > impossible without tables? > </div> > <div style="width:auto; white-space:nowrap; border:1px solid lime; > margin:2px; float:left;"> > <table border="1"> > <tr> > <td>1111111111111111111111111111111111</td> > <td>2222222222222222222222222222222222</td> > </tr> > </table> > </div> > <div style="clear: both"> </div> > </div> > > Please help me, as I'm totally frustrated and considering giving up table > free layout. > 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> 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/