Fijar una fila en el Browser.

myconatani · #1 (**permalink**) 26/03/2004, 09:22

Hola.

Amigos del Foro, necesito que me ayuden en lo siguiente :

Tengo que fijar una fila de encabezado en el browser aunque el usuario mueva la barra vertical, estoy programando en PHP:

Ejemplo :

Encabezado del detalle. Los numeros corresponden a los dias de un mes de 31 dias. Estos son los datos que debo fijar.

PATENTE 01 02 03 04 05 06 07 08 09 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 Uti Dias %

Intente con el tag <div id="nnnnn" STYLE="position: absolute; left:50px;etc....>

pero no me resulto o quizas no lo supe aplicar.

Si me ayudan se los agradecería.
atte.
myconatani

PatomaS · #2 (**permalink**) 26/03/2004, 11:01

Hola

ya casi lo tenías, lo único que has de hacer, es cambiar absolute por fixed y ya está

Suerte

Felicidad

PatomaS · #3 (**permalink**) 26/03/2004, 18:05

Hola gente, aquí pego el código que creo sirve para que una sección hecha con un div, quede fija en la pantalla.

He probado con estas versiones de navegadores:

- Firefox 0.8
- Firebird 0.7
- Netscape 7.0
- Explorer 6.0
- Opera 7.23

Agradecería que si alguien lo prueba con otro navegador diferente, mande sus resultados aquí, es decir, si funciona o no funciona.

__________________________

Código:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN">
<html  lang="en">
<head>
<title>Prueba de fixed</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<style type="text/css">
body {
	margin: 0;
	padding: 0 0 0 0;
}
div.fixed {
	position: absolute;
	top: 0;
	left: 0;
	width: <length>;
	height: 100%;
}
@media screen {
	html { overflow: hidden; }
	html[lang] { overflow: visible; }
	body { height: 100%; overflow: auto; }
	html>body { height: inherit; overflow: visible; }
	body>div.fixed { position: fixed; }
}
.algo {
	position: fixed;
}
</style>
</head>

<body>
<div class="fixed" id="algo">aquí va el contenido</div>
<p>texto</p>
<p>texto</p>
<p>texto</p>
<p>texto</p>
<p>texto</p>
<p>texto</p>
<p>texto</p>
<p>texto</p>
<p>texto</p>
<p>texto</p>
<p>texto</p>
<p>texto</p>
<p>texto</p>
<p>texto</p>
<p>texto</p>
<p>texto</p>
<p>texto</p>
<p>texto</p>
<p>texto</p>
<p>texto</p>
<p>texto</p>
<p>texto</p>
<p>texto</p>
<p>texto</p>
</body>
</html>

___________________

Felicidad