¿Por qué añade espacio al poner form?

[fjmasero]

Wenas:

Tengo este código, como ejemplo:

Código:

<table cellspacing="2" cellpadding="2" border="1">
  <tr>
    <td>
      <form name="form" id="form" action="action" method="post">
        <input type="text" name="txt">
      </form>
    </td>
    <td>X</td>
    <td>X</td>
  </tr>
</table>

Pues lo q ocurre es q la etiqueta de cierre del form provoca que la celda se expanda verticalmente.

Y digo la de cierre, xq si la quito, no se produce dicha expansion. Y solo esa. Con la etiqueta <form> no ocurre.

Podéis hacer la prueba con este código. Si lo véis tal como esta, la celda donde está el form tiene una altura determinada. Si quitais </form>, se hace + pequeña, y se ajusta el alto.

¿xq puede ser?.

Salu2 y gracias.

[caricatos]

Hola fjmasero:

Pasa que por defecto un form tiene estilo display: block...

Tienes que cambiarlo por inline.

<form name="form" id="form" action="action" method="post" style="display: inline">
<input type="text" name="txt">
</form>

Saludos

[fjmasero]

Caricatos: OLEEEEEEEEEEEE

No me daba cuenta.

Gracias.

[cels]

me gustaría puntualizar una cosa. Esto pasa en IE y Mozilla, Opera no hace la celda más grande.

Comprobado con IE 6 sp1, Firefox 0.9.3 y Opera 7.51

[tunait]

Tema trasladado al foro de CSS desde (x)html

[Ruchu]

Si pones las etiquetas <form> entre las etiquetas <tr> tampoco te añadirá el espacio, aunque es una solucion un poco chapucera.

[..::MaRcOs::..]

oe gracias justo lo q estaba buscando
ya estaba por crear un tema con esta pregunta
menos mal la enocntre antes
gracias de verdad