<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML><HEAD>
<META http-equiv=Content-Type content="text/html; charset=us-ascii">
<META content="MSHTML 6.00.2900.3157" name=GENERATOR></HEAD>
<BODY><SPAN class=781205411-28082007>
<DIV dir=ltr align=left><FONT face="Trebuchet MS" color=#0000ff size=2><SPAN
class=781205411-28082007>Hi Dirk,</SPAN></FONT></DIV>
<DIV dir=ltr align=left><FONT face="Trebuchet MS" color=#0000ff size=2><SPAN
class=781205411-28082007></SPAN></FONT> </DIV>
<DIV dir=ltr align=left><FONT face="Trebuchet MS" color=#0000ff size=2><SPAN
class=781205411-28082007> 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 face="Trebuchet MS" color=#0000ff size=2></FONT> </DIV>
<DIV dir=ltr align=left><FONT face="Trebuchet MS" color=#0000ff size=2>I'm not a
fan of tableless styling. Css is vey good <SPAN
class=781205411-28082007>for lot of things. It really would be
</SPAN>better if it have arrived <SPAN class=781205411-28082007>ten years
earlier</SPAN><SPAN class=781205411-28082007>.</SPAN> <SPAN
class=781205411-28082007>Y</SPAN>ou simply can't do all <SPAN
class=781205411-28082007>(style) </SPAN>with <SPAN
class=781205411-28082007>css painlessly</SPAN>. Anyway for a tableless<SPAN
class=781205411-28082007> solution like you want</SPAN> take a look
at:</FONT></SPAN></DIV>
<DIV dir=ltr align=left><FONT face="Trebuchet MS" color=#0000ff size=2><SPAN
class=781205411-28082007></SPAN></FONT> </DIV>
<DIV dir=ltr align=left><FONT face="Trebuchet MS" color=#0000ff size=2><SPAN
class=781205411-28082007><A
href="http://www.alistapart.com/articles/holygrail">http://www.alistapart.com/articles/holygrail</A></SPAN></FONT></DIV>
<DIV dir=ltr align=left><FONT face="Trebuchet MS" color=#0000ff size=2><SPAN
class=781205411-28082007></SPAN></FONT> </DIV>
<DIV dir=ltr align=left><FONT face="Trebuchet MS" color=#0000ff size=2><SPAN
class=781205411-28082007> 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 face="Trebuchet MS" color=#0000ff size=2><SPAN
class=781205411-28082007></SPAN></FONT> </DIV>
<DIV dir=ltr align=left><FONT face="Trebuchet MS" color=#0000ff size=2><SPAN
class=781205411-28082007> 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 face="Trebuchet MS" color=#0000ff size=2><SPAN
class=781205411-28082007></SPAN></FONT> </DIV>
<DIV dir=ltr align=left><FONT face="Trebuchet MS" color=#0000ff size=2><SPAN
class=781205411-28082007> 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 face="Trebuchet MS" color=#0000ff size=2><SPAN
class=781205411-28082007></SPAN></FONT><FONT face="Trebuchet MS" color=#0000ff
size=2><SPAN class=781205411-28082007>
</SPAN></FONT><FONT face="Trebuchet MS" color=#0000ff size=2><SPAN
class=781205411-28082007></SPAN></FONT><FONT face="Trebuchet MS" color=#0000ff
size=2><SPAN class=781205411-28082007></SPAN></FONT></DIV>
<DIV dir=ltr align=left><FONT face="Trebuchet MS" color=#0000ff size=2><SPAN
class=781205411-28082007> cheers,</SPAN></FONT></DIV>
<DIV><FONT face="Trebuchet MS" color=#0000ff size=2></FONT> </DIV>
<DIV align=left><SPAN class=250542422-20122006>
<P class=MsoNormal style="MARGIN: 0cm 0cm 0pt" align=left><?xml:namespace prefix
= st1 ns = "urn:schemas-microsoft-com:office:smarttags" /><st1:PersonName
ProductID="Sebastian Sastre " w:st="on"><SPAN
style="FONT-SIZE: 10pt; FONT-FAMILY: 'Trebuchet MS'">Sebastian
Sastre<?xml:namespace prefix = o ns = "urn:schemas-microsoft-com:office:office"
/><o:p></o:p></SPAN></st1:PersonName></P></DIV></SPAN>
<DIV> </DIV><BR>
<BLOCKQUOTE
style="PADDING-LEFT: 5px; MARGIN-LEFT: 5px; BORDER-LEFT: #0000ff 2px solid; MARGIN-RIGHT: 0px">
<DIV class=OutlookMessageHeader lang=es dir=ltr align=left>
<HR tabIndex=-1>
<FONT face=Tahoma size=2><B>De:</B> seaside-bounces@lists.squeakfoundation.org
[mailto:seaside-bounces@lists.squeakfoundation.org] <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></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></BLOCKQUOTE></BODY></HTML>