Ver Mensaje Individual
  #1 (permalink)  
Antiguo 10/06/2009, 21:41
demono
 
Fecha de Ingreso: junio-2009
Mensajes: 5
Antigüedad: 14 años, 9 meses
Puntos: 0
Problema con DIVS+CSS

Hola gente, soy nuevo en el foro aunque hace bastante vengo leyendolo.
Hace algunas semanas estoy intentando resolver un problema con el diseño de mis sitios web. Hará 2-3 meses migré del diseño con tablas a usar divs.

El problema es que vengo usando DIVs flotantes para diseñar la web en 2 columnas. El Div izquierdo es el del menú y el derecho el del contenido de la web. El problema está en que el div derecho se me va para abajo...¿Como? No lo se, simplemente se baja =(

El codigo CSS que estoy usando es:

Código:
.main {
font-weight: normal;
margin:0 auto 0 auto;
padding:3px;
padding-left:5px;
white-space:normal;
border-width:0px;
width: 937px;
font-family: "Arial", Verdana, Helvetica, sans-serif;
font-size: 11px;
color: #CCCCCC;
text-align: left;
background-color: #F2F4F3;
display:table;
min-height: 700px;
position:relative;

}

.divmenu{
float:left;
font-weight: normal;
margin-left:5px;
padding:3px;
white-space:normal;
border-width:0px;
width: 198px;
font-family: "Arial", Verdana, Helvetica, sans-serif;
font-size: 11px;
color: #333333;
text-align: left;
background-color: #F2F4F3;
margin-bottom: 15px;
}

.divcont {
margin-right:5px;
float:right;
font-weight: normal;
padding:4px;
white-space:normal;
border-width:0px;
width: 670px;
font-family: "Arial", Verdana, Helvetica, sans-serif;
font-size: 11px;
color: #333333;
text-align: left;
background-color: #F2F4F3;
margin-bottom: 15px;
position:static;
}

Y el codigo HTML seria..

Código HTML:
<div class=main>
 <div class=divmenu>Menu</div>
 <div class=divcont>Contenido</div>
</div> 
Estoy quemandome la cabeza, lei ya varios tutoriales acerca de posicionamiento de DIVs y no pude solucionarlo.
Me podrán dar una mano?

Mil gracias!