Foros del Web » Creando para Internet » CSS »

Ayuda cuadrar la posicion de un div

Estas en el tema de Ayuda cuadrar la posicion de un div en el foro de CSS en Foros del Web. COmo estan Tengo un div que muestra un mensaje. este div esta ubicado en la esquina superior derecha. La pagina tiene barra de scroll vertical. ...
  #1 (permalink)  
Antiguo 08/07/2010, 17:34
 
Fecha de Ingreso: mayo-2006
Ubicación: Bogotá
Mensajes: 2.042
Antigüedad: 11 años, 7 meses
Puntos: 50
Ayuda cuadrar la posicion de un div

COmo estan

Tengo un div que muestra un mensaje. este div esta ubicado en la esquina superior derecha.

La pagina tiene barra de scroll vertical. Lo que deseo es que cuando se baje la barra de scroll tambien se baje el div para que este no se oculte

Que estilo le coloco al div para que haga esto?
  #2 (permalink)  
Antiguo 08/07/2010, 18:08
Avatar de deirdre  
Fecha de Ingreso: mayo-2009
Mensajes: 690
Antigüedad: 8 años, 7 meses
Puntos: 44
Respuesta: Ayuda cuadrar la posicion de un div

Hola helacer

Al div que quieres hacer fijo le tienes que aplicar la propiedad "fixed" (o sea: position: fixed). Esto te funciona en todos los navegadores menos en iexplorer 6 (para el que tienes que buscar otra solución)

Código HTML:
<!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>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Caja fija</title>
<style type="text/css">
#fija {
	position: fixed;
	right: 0;
	top: 0;
	height: 50px;
	width: 150px;
	border: 1px solid #444;
}
</style>
</head>

<body>
<div id="fija">Caja fija</div>
</body>

</html> 
Saludos

*busca el arreglo para ie6 y si no lo encuentras, pídelo que te lo busco entre mis códigos (ahora no estoy en el lugar en el que los tengo).
  #3 (permalink)  
Antiguo 08/07/2010, 18:33
Avatar de alexk
Colaborador
 
Fecha de Ingreso: julio-2009
Ubicación: De vuelta al trono
Mensajes: 1.697
Antigüedad: 8 años, 5 meses
Puntos: 137
Respuesta: Ayuda cuadrar la posicion de un div

Cita:
Iniciado por deirdre Ver Mensaje
Hola helacer

Al div que quieres hacer fijo le tienes que aplicar la propiedad "fixed" (o sea: position: fixed). Esto te funciona en todos los navegadores menos en iexplorer 6 (para el que tienes que buscar otra solución)

Código HTML:
<!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>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Caja fija</title>
<style type="text/css">
#fija {
	position: fixed;
	right: 0;
	top: 0;
	height: 50px;
	width: 150px;
	border: 1px solid #444;
}
</style>
</head>

<body>
<div id="fija">Caja fija</div>
</body>

</html> 
Saludos

*busca el arreglo para ie6 y si no lo encuentras, pídelo que te lo busco entre mis códigos (ahora no estoy en el lugar en el que los tengo).

tambien puede usar el buscador que es un tema muy tratado...
http://www.forosdelweb.com/f53/posit...xed-ie-659655/

Etiquetas: cuadrar, posicion
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 14:16.