holas a todos, a ver si me podrian ayudar con este pequeño problema, bueno lo que pasa es que tengo una tabla dentro un div y yo quiero que esa tabla se acomode del tamaño del ancho de mi capa, osea que si redimenciono la capa se redimencione la tabla , habra alguna forma de hacerlo con css?
aqui les dejo la forma de mi html
Código HTML:
<html>
...
<div id="contenedor">
......
<div id="cuerpo">
......
<div class="documento">
<form ....>
<table>
<tr>
<td>titulo 1</td>
<td>titulo 2</td>
<td>titulo 3</td>
<td>titulo 4</td>
</tr>
<tr>
<td><input type="text" name="1"></td>
<td><input type="text" name="2"></td>
<td><input type="text" name="3"></td>
<td><input type="text" name="4"></td>
</tr>
</table>
</form>
</div>
</div>
</div>
</html> aqui el css
#contenedor{
margin: 10px auto;
height: 550px;
width: 800px;
border-color: #FFFFFF;
border-style: solid;
border-width: 10px;
position: relative;
}
#cuerpo{
text-align:center;
z-index:0;/*por que existen otra capas q deben ir encima*/
position: absolute;
height: 380px;
width: 800px;
border-top: 2px solid #FFFFFF;
border-bottom: 2px solid #FFFFFF;
}
.documento table{
width:600px;
}
Espero que me puedan ayudar. Gracias por adelantado,