Tableless em 4 passos

Achei um e-mail antigo aqui, da ArqHp (enviado pelo Irapuan Martinez... sempre ele), que fala sobre tableless. vale a pena dar uma lida pra saber um pouco mais e deixar de ter tanto medo disso.

Passo 1: Ferramentas corretas
• Algum editor de HTML de texto - editores visuais são uma lástima, mesmo Dreamweaver XP Pro Xtrbld 2007
• Topstyle para editar o CSS
• Opera e Mozilla. Não adianta abordar técnicas modernas de web design usando o jurássico IE.


Passo 2: Colunas
Se utiliza "table" para providenciar colunas. Em tableless, usa-se alguns métodos. O mais simples é o float - ele obriga o elemento se alinhar a esquerda (ou direita) e permitir que o fluxo de informação corra em torno dele.

Passo 3: Box model
Box model é uma caixa que contém todo elemento de um HTML. Tudo que você precisa saber a respeito delas:

http://www.topica.com/lists/arqhp/read/message.html?mid=908350652
http://www.topica.com/lists/arqhp/read/message.html?mid=908355679

Passo 4: Web standards
Submenta o HTML a http://validator.w3.org e corrija os erros apontados por ele. Busque por referência no Google a respeito dos pontos que não compreender.


Pra finalizar: Simplicidade, gente. Não vale a pena complicar para perseguir um efeito estético. Se você tem um problema, um complicador não é solução. Você só troca um problema por outro.

Essas são as dicas básicas. Claro que em usos específicos, haverão particularidades. Publiquem o HTML/CSS e postem a dúvida aqui na lista. Quanto mais objetiva a pergunta, mais fácil para demais os participantes ajudarem.