Uff... Que duros fuimos en algunas épocas. Aunque también hay gente que cree cualquier cosa que le dicen, y en algún momento la situación se hizo dificil, porque lo repetían y terminaban confundiendo a todos los novatos. De alguna forma había que parar la bola de nieve.
Bien, en realidad volví para poner un ejemplo de lo que dice el título y así ayudar un poco a los que usan el buscador. Supongo que es más para XML, pero
Firefox lo acepta (hasta
IE6 al menos, no).
Código:
<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
<head>
<title>TABLA CON CSS.</title>
</head>
<body>
<div style="display:table; background-color:red; border:2px solid pink; table-layout:fixed; ">
<div style="background-color:lightblue; border:2px solid black; display:table-caption; ">CAPTION</div>
<div style="background-color:white; border:2px solid blue; display:table-row; ">
<div style="background-color:lime; border:2px solid black; display:table-cell; ">TH 1</div>
<div style="background-color:yellow; border:2px solid black; display:table-cell; ">TD 1</div>
<div style="background-color:yellow; border:2px solid black; display:table-cell; ">TD 2</div></div>
<div style="background-color:white; border:2px solid blue; display:table-row; ">
<div style="background-color:lime; border:2px solid black; display:table-cell; ">TH 2<br/>%</div>
<div style="background-color:yellow; border:2px solid black; display:table-cell; ">TD 3</div>
<div style="background-color:yellow; border:2px solid black; display:table-cell; ">TD 4%%</div></div>
<div style="background-color:white; border:2px solid blue; display:table-row; ">
<div style="background-color:lime; border:2px solid black; display:table-cell; ">TH 3</div>
<div style="background-color:yellow; border:2px solid black; display:table-cell; ">TD 5</div>
<div style="background-color:yellow; border:2px solid black; display:table-cell; ">TD 6</div>
</div>
</body>
</html>