Ver Mensaje Individual
  #10 (permalink)  
Antiguo 05/06/2007, 12:34
furoya
(Desactivado)
 
Fecha de Ingreso: noviembre-2002
Ubicación: Ciudad Autónoma de Buenos Aires
Mensajes: 2.367
Antigüedad: 21 años, 4 meses
Puntos: 317
Re: Dando el formato de tabla con div

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>
Centrar datos, tablas, textos,... en la vertical

Cómo hacer que una division con <DIV> se alargue a la misma altura que la de al lado?