Ver Mensaje Individual
  #1 (permalink)  
Antiguo 26/09/2005, 09:01
Avatar de jam1138
jam1138
/** @package Moderador */
 
Fecha de Ingreso: julio-2004
Ubicación: sèveR led onieR lE
Mensajes: 9.368
Antigüedad: 20 años, 3 meses
Puntos: 102
Capa con "position:fixed"

Saludos!

... , en breve ¿cómo puedo utilizar una capa con "position:fixed"?? ... jejejeje...

No puedo :
- Con IExplorer no me respeta la posición
- Con un navegador que respete los estándares la capa me la toma como fondo... no quiero eso.

Esto es lo mejor que he podido conseguir:
Código HTML:
<?xml version="1.0" encoding="UTF-8"?>
<!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>Estas capas...</title>
<style type="text/css">
<!-- 
body html {
		 		background-color: #ffffff;;
				margin: 0px;
	 	}

div {
		 		border: 1px solid #000; /* solo para ver las capas */
		}

#fixed {
				position: fixed;
				top: 0px;
				right: 14px;
				width: 200px;
				height: 100%;
				float: right;
/*			margin 7px;  */
		}
		
#principal {

		}
		
#mosca {
			  margin-top: 2000px; /* Bajan!!!! */
		} 
-->
</style>
</head>
<body>

<!-- capa estática -->
<div id="fixed">Capa "estática"</div>

<!-- Principal -->
<div id="principal"> Este texto no tiene ningún propósito razonable, ni aporta absolutamente ningún dato en especial, ya que es un simple relleno. Podría bromear un poco, y reproducir el discurso de un político, un fragmento de la legislación educativa o cualquier otro texto del mismo nivel de erudición, pero, pensándomelo mejor, prefiero dejarlo en este inútil fluir de palabras huecas. Este texto no tiene ningún propósito razonable, ni aporta absolutamente ningún dato en especial, ya que es un simple relleno. Podría bromear un poco, y reproducir el discurso de un político, un fragmento de la legislación educativa o cualquier otro texto del mismo nivel de erudición, pero, pensándomelo mejor, prefiero dejarlo en este inútil fluir de palabras huecas. Este texto no tiene ningún propósito razonable, ni aporta absolutamente ningún dato en especial, ya que es un simple relleno. Podría bromear un poco, y reproducir el discurso de un político, un fragmento de la legislación educativa o cualquier otro texto del mismo nivel de erudición, pero, pensándomelo mejor, prefiero dejarlo en este inútil fluir de palabras huecas...
</div> 

<!-- Para comprobar la propiedad fixed --> 
<div id="mosca"> Hola! :-)
</div>

</body>
</html> 
Si lo ven con Firefox, busco que la capa "principal" se sobreponga a "fixed" sino que sean "columnas independientes"... si lo ven con IExplorer... bueno, ni hablar... .

Cualquier sigerencia en bienvenida... gracias de antemano.
__________________
٩(͡๏̯͡๏)۶
» Cómo hacer preguntas de manera inteligente «

"100 años después, la revolución no es con armas, es intelectual y digital"

Última edición por jam1138; 26/09/2005 a las 09:08