Foros del Web - Ver Mensaje Individual - Ayuda: maximizar cambia la posicion del los box model

willyfc · #2 (**permalink**) 15/04/2009, 20:04

lo que pasa es que estas utilizando absolutos creo yo sin ningún motivo, lo que haces es solo una estructura a 2 columnas, mira este ejemplo para ver si te sirve para guiarte:

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=iso-8859-1" />
<title>Documento sin t&iacute;tulo</title>
<!--[if IE 6]><style>#contenedor {width:expression(
(document.documentElement.clientWidth < 770)? "770px" : "auto"
   );}</style><![endif]-->
<style>
#cabecera{ min-width:770px;width:100%; height:80px; background:#CCC;}
#contenedor{ min-width:770px;width:100%;}
#col_izq{width:200px; min-height:300px; height:auto!important; height:300px; float:left; background:#999}
#col_der{overflow:hidden; background:#336699;min-height:300px; height:auto!important; height:300px }
#pie{ min-width:770px;width:100%; height:25px; background:#333}
</style>
</head>
 
<body>
<div id="cabecera"></div>
<div id="contenedor">
    <div id="col_izq"></div>
    <div id="col_der"></div>
</div>
<div id="pie"></div>
</body>
</html>