Ancho dinamico para <td>

[daysil]

Hola por favor si me pudieran ayudar con esta tabla la cual tiene dos filas la primera de una columna y la segunda de tres (aqui es donde esta el problema).


Resulta que dadas algunas circunstancias los botones pueden o no aparecer y me gustaria obtener lo siguiente:


Por favor me podrian ayudar, ya he intentado dándole width:100% al input pero no consigo el resultado deseado.

Muchas gracias de antemano...

[AngelKrak]

ya probastes con Rowspan o Colspan? se asemeja mas a lo que quieres lograr que al titulo que pusistes jejeje xD

[pzin]

No uses tables.

En el HTML pones primero los botones, indicas que estén flotados a la derecha. Ese input lo pones que mida el 100% y lo metes dentro de otro elemento que tenga overflow:hidden.

Código CSS:

button {
  float: right;
}
 
input {
  width: 100%;
}
 
.contenedor {
  overflow: hidden;
}
 

Código HTML:

<div>
  <button>si</button>
  <button>no</button>
  <div class="contenedor">
    <input type="text">
  </div>
</div>
 

Ejemplo: http://jsfiddle.net/htxjma0j/