Foros del Web » Creando para Internet » CSS »

bloqueo de desplazamiento con CSS

Estas en el tema de bloqueo de desplazamiento con CSS en el foro de CSS en Foros del Web. Estoy haciendo un diseño que tengo definido en CSS como: Código HTML: #masthead{ position: fixed; z-index: 1; top: 0px; left: 0px; width:100%; height:110px; background-color:#ffffff; background-image: ...
  #1 (permalink)  
Antiguo 27/10/2005, 10:44
Avatar de gonzalezmfrank  
Fecha de Ingreso: julio-2005
Ubicación: Maracaibo - Venezuela
Mensajes: 266
Antigüedad: 18 años, 9 meses
Puntos: 0
bloqueo de desplazamiento con CSS

Estoy haciendo un diseño que tengo definido en CSS como:

Código HTML:
#masthead{
	position: fixed;
	z-index: 1;
	top: 0px;
	left: 0px;
	width:100%;
	height:110px;
	background-color:#ffffff; 
	background-image: url('imagenes/kvbgtop.gif');
	background-repeat: no-repeat;
	background-position: right;
	border-bottom: 1px solid #ccd2d2;
	visibility: visible;
}

#pageNav{
	position:fixed;
	z-index: 1;
	left: 0px;
	top: 110px;
	width:150px;
	padding: 0px;
	visibility: visible;
}

#content{
	position:relative;
	z-index: 0;
	min-height: 350px;
	margin-top:110px;
	margin-left:150px;
	padding: 10px;
	border-left: 1px solid #ccd2d2;
	text-align: justify;
	background-color: #FFFFFF;
	font: 90% Arial,sans-serif;
}

/************** siteInfo styles ****************/

#kafooter{
	clear: both;
	border-top: 1px solid #cccccc;
	font-size: small;
	color: #000000;
	padding: 5px 0px 0px 0px; 
	margin-top: 0px;
	background-image:  url('http://localhost/kafooterc.php');
}
Y los inserto en la pagina así
Código HTML:
<body> 
<div id="masthead">
  .......
</div>

<div id="pageNav">
  .......
</div>

<div id="content">
  .......
</div>

<div id="kafooter">
  .......
</div>

</body> 
ahora bien.... la intención es que 'masthead' y 'pageNav' permanezcan "fijas" , en el caso de 'content' se abra en relación a las lineas que lance en código dentro de dicho <div> y 'kafooter' viene pegado de último

El asunto es que

Ejecutándolo desde el mismo servidor en Mozilla Firefox y con Konqueror funciona de maravilla ( servidor linux )..... pero... desde un computador en la red con IE "TODO SE MUEVE" , es decir, al desplazarse por el scroll se mueve todo como si estuviera en un solo <div> y por otro lado el <div> 'content' lo coloca 150px despues de que termina el <div> 'pageNav'

H E L P !!!!

QUE HAGO ?

Saludos y Gracias.

Frank
  #2 (permalink)  
Antiguo 27/10/2005, 22:40
Avatar de Rafael
Modegráfico
 
Fecha de Ingreso: marzo-2003
Mensajes: 9.028
Antigüedad: 21 años, 1 mes
Puntos: 1826
La fixed no funciona en Ie. Las alternativas son un javascript, o tal vez frames.
  #3 (permalink)  
Antiguo 28/10/2005, 05:09
Avatar de gonzalezmfrank  
Fecha de Ingreso: julio-2005
Ubicación: Maracaibo - Venezuela
Mensajes: 266
Antigüedad: 18 años, 9 meses
Puntos: 0
voy a tener que colocar un enlace para que los usuarios decarguen mozilla, realmente es una de las cosas que no funcionan en IE, no se realmente porque tiene tantos amantes....

gracias por la aclaratoria

Frank
  #4 (permalink)  
Antiguo 28/10/2005, 08:38
Avatar de Rafael
Modegráfico
 
Fecha de Ingreso: marzo-2003
Mensajes: 9.028
Antigüedad: 21 años, 1 mes
Puntos: 1826
No sé si sean amantes, o prácticas monopólicas.
  #5 (permalink)  
Antiguo 28/10/2005, 08:39
Avatar de Rafael
Modegráfico
 
Fecha de Ingreso: marzo-2003
Mensajes: 9.028
Antigüedad: 21 años, 1 mes
Puntos: 1826
Pero si puedes buscar algun javascript. Pregunta en la sección correspondiente.
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 23:20.