Usando divs no estilo de tabela em vez de tabelas

5

Eu fui referido aqui pelo stackoverflow porque a minha pergunta era aparentemente muito ampla.

Estou trabalhando em um modelo, e sei que o uso de CSS é preferível a tabelas HTML para posicionamento ... Mas, é aceitável obter o melhor dos dois mundos e usar estilos de tabela nas minhas divs? Por exemplo:

display: table;

Isso não só ajuda a resolver o problema do rodapé, mas também evita as dores associadas ao uso de carros alegóricos. De alguma forma, parece sujo, mas eu não posso explicar logicamente porque funciona sem "truques" ou hacks feios, que é como deveria ser, certo?

Isso é tecnicamente incorreto ou se resume a apenas uma questão de opinião? ... Pensamentos?

    
por mister martin 16.11.2012 / 03:26
fonte

2 respostas

2

O uso de tabelas para layout é desencorajado porque está semanticamente errado - a marcação de tabela deve ser para tabelas e especificamente para dados tabulares. Seu HTML diz que algo é (por exemplo, uma tabela, um parágrafo ou uma divisão genérica de texto) CSS é apenas uma instrução para exibi-lo.

Se for consistente em todos os navegadores que são importantes para você, seja exibido como um bloco ou uma tabela, não é diferente de ser exibido em vermelho ou verde. As propriedades de exibição de tabelas e células de tabela são frequentemente citadas como bons métodos para lidar com problemas como a centralização vertical.

    
por 16.11.2012 / 06:54
fonte
0

O IE7 não suporta 'display: table', então você só pode usá-lo para o IE8 e para cima. Outros navegadores lidam bem com isso, principalmente.

    
por 16.11.2012 / 14:44
fonte

Tags