Ajuste automático de ancho hasta el final de celda con CSS

solonova · #1 (**permalink**) 29/05/2011, 11:18

Hola amigos

Estoy intentando poner en una misma celda un texto y una caja en la misma linea y que la caja complete el ancho de la celda y no doy con ello.

Por ejemplo, tengo lo siguiente:

<td >
Nombre: <input type="text" value="Alfredo" width="100%" />
</td>

Y al ponerle 100% de ancho el input hace un salto de linea y se coloca al 100% debajo del texto nombre.

Lo que quiero es que queden en la misma linea y la caja complete el ancho de la celda sin saltar de linea.

He probado tb con width=auto, pero nada, en este caso se queda corto.

Muchas gracias por cualquier pista.

abimaelrc · #2 (**permalink**) 29/05/2011, 21:51

Porque le estás diciendo que tome el 100% de todo, por lo tanto hace el salto de línea y ocupa el 100%. En ese caso te recomiendo que lo separes en otro td y le digas 100%. Si no puedes usar en el td nowrap="nowrap". Aún así, te va a tomar el 100% y si el td lo tienes de un tamaño en específico, se va a hacer más ancho.

solonova · #3 (**permalink**) 30/05/2011, 01:11

Gracias por el dato abimaelrc.

No hay forma de cuadrarlo. En fin, a mi parecer un fallo grave de html.

Tendré que hacer tablas y celdas independientes.

Gracias de nuevo.

abimaelrc · #4 (**permalink**) 30/05/2011, 10:15

No es un fallo de HTML, ya que está siguiendo la regla que tu estableciste.

solonova · #5 (**permalink**) 30/05/2011, 11:07

Cierto si hablamos del 100%, pero yo me refería a que es un fallo que no exista una propiedad para completar hasta el final de un "parent" sin desvirtuar o saltar de linea.

Quizás el fallo es de css, bueno fallo no, que está incompleto.

abimaelrc · #6 (**permalink**) 30/05/2011, 11:48

Entiendo que no sigue siendo un fallo, solo es cuestión de usar un poco de lógica e implementarlo en algún lenguaje de programación, como por ejemplo javascript.