Foros del Web - Ver Mensaje Individual - Problema con diseño simple a tres columnas expandibles

TheDark03 · #5 (**permalink**) 21/06/2010, 12:13

cheka esto ya lo probe... y si sale

Código HTML:

Ver original<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Documento sin t&iacute;tulo</title>
</head>
<style>
#barraBusqueda {
    margin: 0 auto;
    background-color:#012e57;
    height:30px;
}
#leftContainerSB {
    float:left;
    width: auto;
    min-height:10240px;
    background:url(bg-light.jpg) repeat-y;
}
#mainContainerSB {
    background-color:#fffff;
    width: 980px;
    padding:0px;
    margin:0px;
    height:30px;
}
#rightContainerSB {
    float: right;
    background-color:#012e57;
    margin-right: auto;
    margin-left: auto;
    width: auto;
    height:30px;
}
</style>
 
  <div id="barrabusqueda" align="center">
     <div id="leftContainerSB"> izquierda </div>
     <div id="rightContainerSB"> derecha </div>
     <div id="mainContainerSB">Cuerpo central</div>
  </div>
<body>
</body>
</html>

si no te sale puede deberse a tu browser.. saludos por ejemplo en el IE6 no funciona x q no reconoce la propiedad min-height.