Alinear table dentro de celda en firefox

abuenog · #1 (**permalink**) 13/03/2007, 02:10

Hola,

Tengo este código:

Código HTML:

<table bgcolor="gray" width="250">
<tr>
<td width="250" nowrap="nowrap">.
</td>
</tr>
<tr>
<td  style="background-color: red;text-align:right">
	<table border="1">
	<tr>
	<td>test</td>
	</tr>
	</table>

</td>
</tr>
</table>

En explorer me funciona bien y se me alinea la tabla de dentro de la celda hacia la derecha, pero en Firefox no me lo hace. Como puedo con css decirle que se me alinee a la derecha?

Gracias

Mikmoro · #2 (**permalink**) 13/03/2007, 03:42

Debes cambiar la celda que contiene la tabla, de:

<td style="background-color: red;text-align:right">

a:

<td style="background-color: red;" align="right">

Mikel.

abuenog · #3 (**permalink**) 13/03/2007, 04:03

Ya lo había probado y tampoco funciona. Además no me gustaría tener que definier el align de esa forma. Preferiría poder hacerlo con css, ya que serán celdas dinámicas en las que solo le asignaré una class.

Gracias igualmente

Mikmoro · #4 (**permalink**) 13/03/2007, 04:19

¿Que no funciona? ¿estás seguro de haber copiado la línea exactamente como la he puesto? Ten en cuenta que no sólo cambia text-align por align, sino que hay más cambios:

<td style="background-color: red;" align="right">

Copia y pega sustituyendo tu código. Me juego una muela a que funciona.

Mikel.

Mikmoro · #5 (**permalink**) 13/03/2007, 04:37

Para hacerlo con css puedes hacerlo así:

Código:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
  <title>Abuenog</title>
  <meta http-equiv="Content-Type"
 content="text/html; charset=iso-8859-1">
  <style>
.tablainterior {
float: right;}
  </style>
</head>
<body>
<table bgcolor="gray" width="250">
  <tbody>
    <tr>
      <td nowrap="nowrap" width="250">. </td>
    </tr>
    <tr>
      <td style="background-color: red;">
      <table class="tablainterior" border="1">
        <tbody>
          <tr>
            <td>test</td>
          </tr>
        </tbody>
      </table>
      </td>
    </tr>
  </tbody>
</table>
</body>
</html>

Mikel.

abuenog · #6 (**permalink**) 13/03/2007, 04:38

Tienes razón, funciona bien. Tenía otro código por ahi que me daba problemas.
Ya encontré una solución en otro lugar donde se preguntaba por lo mismo. La solución es añadir en la tabla de dentro de la celda el estilo: float:right.

Gracias por tu tiempo.