tabela em div

[fabiodurgante 0]

estou tentando passar <table> para div achei o seguinte

 

*{
        margin:2; /*Defin a a separacao das colunas aqui*/
        padding:0;
    }
    .linha{
        padding:0;
        clear:both;
    }

    .coluna{    
        height:25px;
        border: 1px solid #000000;
        width:120;      
        float:left;
    }

<div class="linha">
    <div class="coluna"> TABELA 1</div>
    <div class="coluna"> TABELA 2</div>
    <div class="coluna"> TABELA 3</div>
    <div class="coluna"> TABELA 4</div>
</div>
<div class="linha">
    <div class="coluna"> TABELA 1</div>
    <div class="coluna"> TABELA 2</div>
    <div class="coluna"> TABELA 3</div>
    <div class="coluna"> TABELA 4</div>
</div>

assim sai a tabela certinho, porem quando adiciono alguma coisa dentro de alguma celula da tabela ela aumenta o seu tamanho e fica desproporcional umas celulas maiores que as outras queria deichar todas celulas do mesmo tamanho, quando aumentasse o height de uma celula aumentasse o tamanho de todas as outras,

alguem teria uma ideia

[Thiago Retondar 18]

:blink:

 

Isso é para ser uma tabela? Então use table! Tableless não significa nunca usar tabelas, significa não usar tabelas para estruturar a página. Só use para dados tabulares. ^_^

 

http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif

[fabiodurgante 0]

sim eu quero estruturar minha pagina assim

um iframe no lado esquerdo uma imagem no meio e outro iframe nalado direito

abaixo de cada um desses eu quero colocar ouro iframe

 

mas se nao for com table sae tudo fora de ordem entendeu ai quero ver se com DIV resolve meu problema sem usar table

 

http://img441.imageshack.us/i/10820453.jpg/

 

ai umaimagem temque sair tudo certinho um abaixo do outro

[Thiago Retondar 18]

O HTML que você postou lá em cima está bem poluído ao meu ver, o CSS do site não está nada bom, cheio de position.

 

Estude um pouco aqui.

 

http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif