Tabela sem Table, só com CSS

Usar CSS nos dá maior controle de tamanhos, formatos, curvas, margens, fontes, cores etc. Mas tem limitações em construir tabelas.

Não sou programador, leio e aprendo com as pessoas de boa vontade que contribuem com ideias e explicações. Junto instruções e tento resolver problemas para meu site www.acharnobairro.com.br, quando estiver funcionando certo, coloco no ar.

Resolvi fazer uma tabela só com CSS, juntei instruções, testei no IE8, Firefox, Chromiun (Versão 25.0.1364.160) Ubuntu 10.04 (25.0.1364.160-0 ubuntu0.10.04.1)).

Coloquei todas as instruções no mesmo arquivo para facilitar para os aprendizes (como eu) e para os mais avançados, podem colocar o CSS em arquivo externo.

Não é uma programação perfeita, pode ser melhorada e refeita de várias outras formas. Quem puder melhora-la e me ajudar a implementar para meu site, agradeço.

Copie e cole em editor preferencial, rode e bom uso.

 Tabela sem TABLE, só com CSS. 
 
 



  

    
coluna 1
    

	
Linha 1
  

  

	
coluna 2
  

  

    
coluna 3
  

  

  

    
linha 2

	Acrescentando mais linhas 

	a ponto de expandir a célula da coluna 1, 

	ela passa a ser referencia de tamanho para as colunas da direita.
	
  
   

    
linha 2

	As linhas

	das molduras 

	acompanham 

	o tamanho da célula.

	
  


	
  Linha 2  

	A quantidade de linhas nas outras colunas 

	deve ser igual a da primeira coluna 

	para que todas as células tenham 

	o mesmo tamanho.
	
  

  

  

	
  Linha 3 
  

  

  
 

linha 4
  

  

  

    
linha 5