Sebastian,<br><br>Thanks very much for you comments, advice and link - I had been coming to the same conclusion myself but all my friends with a lot more experience than me kept ensuring me that tables = bad practise.<br><br>
Cheers,<br><br>Dirk<br><br><br><br><br><div><span class="gmail_quote">On 8/28/07, <b class="gmail_sendername">Sebastian Sastre</b> <<a href="mailto:ssastre@seaswork.com">ssastre@seaswork.com</a>> wrote:</span><blockquote class="gmail_quote" style="border-left: 1px solid rgb(204, 204, 204); margin: 0pt 0pt 0pt 0.8ex; padding-left: 1ex;">
<div><span>
<div dir="ltr" align="left"><font color="#0000ff" face="Trebuchet MS" size="2"><span>Hi Dirk,</span></font></div>
<div dir="ltr" align="left"><font color="#0000ff" face="Trebuchet MS" size="2"><span></span></font> </div>
<div dir="ltr" align="left"><font color="#0000ff" face="Trebuchet MS" size="2"><span> I do this with tables. I've made a
Layout object that makes that for any component you configure transparently. I
do use tables for basic layout because of cross browser compatibility with
simplicity. By the way tables are born to layout. Decoupling that from the app
is a story you can solve in you app design (keeping presentation decoupled from
model at seaside components level)</span></font></div>
<div><font color="#0000ff" face="Trebuchet MS" size="2"></font> </div>
<div dir="ltr" align="left"><font color="#0000ff" face="Trebuchet MS" size="2">I'm not a
fan of tableless styling. Css is vey good <span>for lot of things. It really would be
</span>better if it have arrived <span>ten years
earlier</span><span>.</span> <span>Y</span>ou simply can't do all <span>(style) </span>with <span>css painlessly</span>. Anyway for a tableless<span> solution like you want</span> take a look
at:</font></div></span></div>
<div dir="ltr" align="left"><font color="#0000ff" face="Trebuchet MS" size="2"><span></span></font> </div>
<div dir="ltr" align="left"><font color="#0000ff" face="Trebuchet MS" size="2"><span><a href="http://www.alistapart.com/articles/holygrail" target="_blank" onclick="return top.js.OpenExtLink(window,event,this)">http://www.alistapart.com/articles/holygrail
</a></span></font></div>
<div dir="ltr" align="left"><font color="#0000ff" face="Trebuchet MS" size="2"><span></span></font> </div>
<div dir="ltr" align="left"><font color="#0000ff" face="Trebuchet MS" size="2"><span> I was needing a more general
solution for basic layouting. After about 4-6 hours of pain implementing my
layouter object tableless sucessfully I found that this approach let me with the
visual view that I needed but (for the same price) it gave me the left
column deaf to mouse events. What a deal ..</span></font></div>
<div dir="ltr" align="left"><font color="#0000ff" face="Trebuchet MS" size="2"><span></span></font> </div>
<div dir="ltr" align="left"><font color="#0000ff" face="Trebuchet MS" size="2"><span> So before ended that day I've
reimplemented the layouter painlessly with tables in about an hour and the page
I needed in about the next 5 min. It works without hacks, result
guaranteed, in all browsers.</span></font></div>
<div dir="ltr" align="left"><font color="#0000ff" face="Trebuchet MS" size="2"><span></span></font> </div>
<div dir="ltr" align="left"><font color="#0000ff" face="Trebuchet MS" size="2"><span> FYI W3C is working to make a
standard of tables in CSS (because they born to layout) which will be great
because I think they will standard it in a pretty elegant solution that, off
course, todays no browser vendor interprets the same way if they are paying
attention to it at all. That was what convinced me to forget forcing me to
stylize tableless todays.</span></font></div>
<div dir="ltr" align="left"><font color="#0000ff" face="Trebuchet MS" size="2"><span></span></font><font color="#0000ff" face="Trebuchet MS" size="2"><span>
</span></font><font color="#0000ff" face="Trebuchet MS" size="2"><span></span></font><font color="#0000ff" face="Trebuchet MS" size="2"><span></span></font></div>
<div dir="ltr" align="left"><font color="#0000ff" face="Trebuchet MS" size="2"><span> cheers,</span></font></div>
<div><font color="#0000ff" face="Trebuchet MS" size="2"></font> </div>
<div align="left"><span>
<p style="margin: 0cm 0cm 0pt;" align="left"><span style="font-size: 10pt;">Sebastian
Sastre</span></p></span></div>
<div> </div><br>
<blockquote style="border-left: 2px solid rgb(0, 0, 255); padding-left: 5px; margin-left: 5px; margin-right: 0px;">
<div dir="ltr" align="left" lang="es">
<hr>
<font face="Tahoma" size="2"><b>De:</b> <a href="mailto:seaside-bounces@lists.squeakfoundation.org" target="_blank" onclick="return top.js.OpenExtLink(window,event,this)">seaside-bounces@lists.squeakfoundation.org</a>
[mailto:<a href="mailto:seaside-bounces@lists.squeakfoundation.org" target="_blank" onclick="return top.js.OpenExtLink(window,event,this)">seaside-bounces@lists.squeakfoundation.org</a>] <b>En nombre de </b>dirk
newbold<br><b>Enviado el:</b> Martes, 28 de Agosto de 2007
07:22<br><b>Para:</b> Seaside - general discussion<br><b>Asunto:</b> [Seaside]
Center Site without Table<br></font><br></div><div><span class="e" id="q_114ac6ab6cd43645_1">
<div></div>Hi,<br><br>I'm trying to center all the pages of my site, I've had
no luck with the style sheets and the only way I've been able to achieve it is
to place the holding div block inside a table as per the following:
<br><br>html table align: 'center'; with: [ html tableRow: [ html tableData:
[<br>
<div style="margin-left: 40px;">html div id: 'holding'; with: [
]]]]<br></div><br>I'm guessing that this can't be best practise and I was
wondering if anyone could set me straight.
<br><br>Cheers,<br><br>Dirk<br></span></div></blockquote>
<br>_______________________________________________<br>Seaside mailing list<br><a onclick="return top.js.OpenExtLink(window,event,this)" href="mailto:Seaside@lists.squeakfoundation.org">Seaside@lists.squeakfoundation.org
</a><br><a onclick="return top.js.OpenExtLink(window,event,this)" href="http://lists.squeakfoundation.org/cgi-bin/mailman/listinfo/seaside" target="_blank">http://lists.squeakfoundation.org/cgi-bin/mailman/listinfo/seaside
</a><br><br></blockquote></div><br>