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!