Ver Mensaje Individual
  #1 (permalink)  
Antiguo 08/03/2011, 10:29
chechi123
 
Fecha de Ingreso: abril-2010
Mensajes: 56
Antigüedad: 14 años
Puntos: 0
problema con div's

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