Foros del Web - Ver Mensaje Individual

emprear · #3 (**permalink**) 30/11/2011, 09:21

con esto en resoluciones menores se te va a generar scroll horizontal para poder acceder a toda esa capa que tiene fixed, pero en particular no me parece muy atractivo, creo que sería mejor usar porcentajes. Probalo

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 con scroll</title> 
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
 
<style type="text/css">
/*<![CDATA[*/
 
html, body, div {
padding: 0;
border: none;
margin: 0;
}
 
#contenedor {
position: relative;
width: 1120px;
height: auto;
margin: 0 auto;
}
 
#tope {
height: 50px;
position: fixed;
width: 1120px;
background-color: #151515;
color: #FFF;
}
 
/*]]>*/
</style>
</head>
<body>
<div id="contenedor">
<div id="tope">
sssss
</div>
xxxxx
<br />xxxxx
<br />xxxxx
<br />xxxxx
<br />xxxxx
<br />xxxxx
<br />xxxxx
<br />xxxxx
<br />xxxxx
<br />xxxxx
<br />xxxxx
<br />xxxxx
<br />xxxxx
<br />xxxxx
<br />xxxxx
<br />xxxxx
<br />xxxxx
<br />xxxxx
<br />xxxxx
<br />xxxxx
<br />xxxxx
<br />xxxxx
<br />xxxxx
<br />xxxxx
<br />xxxxx
<br />xxxxx
<br />xxxxx
<br />xxxxx
<br />xxxxx
<br />xxxxx
<br />xxxxx
<br />xxxxx
<br />xxxxx
<br />xxxxx
<br />xxxxx
<br />xxxxx
<br />xxxxx
<br />xxxxx
<br />xxxxx
<br />xxxxx
<br />xxxxx
<br />xxxxx
<br />
</div>
</body>
</html>