hola a todos estoy usando css para cuadrar mi web con un encabezado en la parte de arriba, el menu enmla parte izquierda y el contendio en la parte derecha
con css lo hice asi:
Código:
#encabezado{
width: 100%;
height: 150px;
margin: 0;
padding: 0;
}
#main {
margin: 0 auto;
padding-top: 10px;
}
#content {
float: right;
margin-left: 10px;
}
#menu {
float: left;
padding-left: 10px;
padding-right: 10px;
}
entonces tengo el encabezado... y abajo de este va lo principal main y dentro de este tengo lo que es menu y content
al final me queda algo asi:
Código HTML:
<div id="encabezado"></div>
<div id="main">
<div id="menu"></div>
<DIV id="content"></div>
</div>
mi problema va cuando en contenido que cargo en "content" por ejemplo una tabla grande "muy ancha" .... cuando eso pasa el contenido no queda en la parte derecha sino que se baja y queda abajo del menu
Como puedo hacer para que simplemente se agrande sin moverse hacia abajo,
muchas gracias