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/
