Foros del Web - Ver Mensaje Individual

emprear · #4 (**permalink**) 27/02/2012, 10:43

Bueno, todo sea por el beneficio de la duda...
amigo @pablovhau, tu fixed hace exactamente lo que corresponde, la forma correcta, e ideal (digo ideal porque debería funcionar igual en el cadavérico ie6), es:

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>
<title>Fixed izquierda</title>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<style type="text/css">
 body{
  margin:0;
  padding:0 0 0 250px;;
 }
 div#menu{
  position:absolute;
  top:0;
  left:0;
  width:250px;
  height:500px;
  background-color: yellow;
 }
 @media screen{
  body>div#menu{
   position:fixed;
  }
 }
 * html body{
  overflow:hidden;
 } 
 * html div#contenido{
  height:100%;
  overflow:auto;
 }
</style>
</head>
<body>
 
<div id="menu"> menu </div>
<div id="contenido"> contenido 
</div>
 
</body>
</html>

notá que el padding del body es igual al ancho del div del menu

SAludos