Foros del Web - Ver Mensaje Individual

kseso? · #4 (**permalink**) 04/06/2009, 17:32

Mira el código siguiente, las propiedades de #fijo:

Código html:

Ver original<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="es" lang="es-es">
<head>
<title>Caja Fija</title>
<style type="text/css">
* {margin:0; padding: 0; position: relative;}
html, body {
background: transparent url(http://static.forosdelweb.com/fdwtheme/logo-reflejo.png) repeat;
height:2500px;
}
#fijo {
width:250px;
height: 250px;
background: #e5e5e5;
left: 20%;
top: 10%;
position: fixed;
}
</style>
</head>
<body>
<div id="fijo">
<p>Este es la caja fija</p>
</body>
</html>

Hijo de una caja contenedora (div): que esté colocado directamente en esa caja, pero no dentro de otras:

Cita:

<div id="padre>
<div class="hijo1">es hijo de "padre" y hermano de "hijo2"</div>
<div class="hijo2">
<div class="nieto">este ya no es hijo de "padre" es un "nieto". Su padre es "hijo2"</div>
</div>
</div>