Web Design
De Wiki Cursos IFPR Foz
Aulas
1º Bimestre
CSS
Tabelas com DIV
Construir uma tabela com a tag div ao invés de usar a tag table
<!DOCTYPE HTML>
<html>
<head>
<style>
#table{
display: table;
width: 50%;
}
.tr{
display: table-row;
}
.direita{
float: right;
width:40%; /* esse número pode ser em % ou em px */
display: table-cell;
}
.esquerda{
float: left;
width:40%;
display: table-row;
}
</style>
</head>
<body>
<div id="table">
<p>div que representa table</p>
<div class="tr">
<p>div que representa tr</p>
<div class="esquerda">
<p>div que representa uma coluna(td)</p>
</div>
<div class="direita">
<p>div que representa outra coluna(td)</p>
</div>
</div>
</div>
</body>
</html>
