Mostrar informacion en formato TABLA, pero sin TABLAS

[Computer XTress]

Hola a todos, quisiera saber si alguno sabe si es posible lograr con cualquier tipo de elemento (menos tablas) el comportamiento de las tablas.

Lo que tengo es algo muy simple, estoy mostrando informacion de esta forma:

Código HTML:

<table>
   <tr class="campos">
     <td>Nombre</td> <td>Apellido</td>
   </tr>

   <tr>
     <td>Jose</td> <td>Fernandez</td>
   </tr>

   <tr>
     <td>Luis</td> <td>Garcia</td>
   </tr>
</table> 

En las tablas el ANCHO de las celdas se acomoda automaticamente segun el contenido de las mismas. Yo le doy un width de 100% a la tabla para que se adapte al elemento padre y el resto se hace solo... todos los TD se expanden hasta llegar al 100% del ancho de la tabla sin que yo les diga que tan ancho es cada uno.

Usando DIVS no puedo lograr esto, tendria que darles un ancho FIJO a todas las DIVS que hacen de "CELDA" y no es lo que me sirve.

El display: table, table-cell y table-row funciona de maravilla, pero en IE7 no anda!

Alguna idea de como lograr algo parecido?

Muchas gracias

[Impostor]

Buenas,

¿y porque quieres hacer algo así? Las tablas están precisamente para eso, para tabular datos.

Saludos¡¡

[Computer XTress]

Por que necesito insertar registros en la tabla mediante innerHTML y el nodo en el que tengo que insertar el html de cada registro es read only.

El sistema con el q estoy trabajando funciona asi, no puedo cambiarlo y hacer que los inserte via dom con un objeto que maneje los nodos de las tablas como deberia ser...

por eso estoy buscando una forma de mostrar informacion tabulada sin tablas, si es que acaso existe...

Gracias

[jomaruro]

Hola:

En www.araudi.net tienes, en la sección de elementos, dos formas de simular las tablas mediante CSS.

Saludos.