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