Foros del Web » Creando para Internet » CSS »

postion: fixed

Estas en el tema de postion: fixed en el foro de CSS en Foros del Web. Buenas, tengo un div en el que he puesto Código: #idiomes { position:fixed; top:10px; left:800px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 7pt; } pero al ...
  #1 (permalink)  
Antiguo 05/03/2008, 12:48
 
Fecha de Ingreso: agosto-2007
Mensajes: 44
Antigüedad: 10 años, 3 meses
Puntos: 0
postion: fixed

Buenas, tengo un div en el que he puesto
Código:
#idiomes {
	position:fixed;
	top:10px;
	left:800px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 7pt;
	}
pero al redimensionar la ventana del navegador se me mueve. Mi intención es que este fijo, siempre en la misma posción aunque se redimensione la ventana.

Otra duda que me queda es que al redimensionar la ventana, la imagen del header, se me descuadra.

Podeis verlo todo en aqui http://www.thewilfamily.com/prueba/prueba.html

Muchas gracias
  #2 (permalink)  
Antiguo 05/03/2008, 13:29
 
Fecha de Ingreso: febrero-2008
Mensajes: 31
Antigüedad: 9 años, 10 meses
Puntos: 0
Re: postion: fixed

mira intenta esto:
tu capa idiomes ponla dentro de otra a la cual le pondras lo que tiene de ancho esa imagen o tu capa principal la centras y luego en vez de fixed ocupa la propiedad position en absolute y de esa manera no se te movera ya que la posicion sera absoluta con respecto a la capa que la contiene, si tienes dudas te ayudo mañana ...
Suerte
  #3 (permalink)  
Antiguo 06/03/2008, 06:02
 
Fecha de Ingreso: agosto-2007
Mensajes: 44
Antigüedad: 10 años, 3 meses
Puntos: 0
Re: postion: fixed

Muchas gracias por tu respuesta.
Cita:
Iniciado por rith Ver Mensaje
mira intenta esto:
tu capa idiomes ponla dentro de otra a la cual le pondras lo que tiene de ancho esa imagen o tu capa principal la centras y luego en vez de fixed ocupa la propiedad position en absolute y de esa manera no se te movera ya que la posicion sera absoluta con respecto a la capa que la contiene, si tienes dudas te ayudo mañana ...
Suerte
He hecho otra capa

Código:
#prueba {
widht: 900px;
}
y envuelto mi capa idiomes dentro, cambiandole postion:fixed por position:absolute
pero no me ha funcionado, se ve igual, y al redimensionar la ventana del navegador el fondo se ve más a la derecha que la imagen de cabecera.
¿He de poner algo más en la capa prueba?

¿Como centro el fondo de mi body?
Código:
body {
background:url(fons.jpg) center repeat-y;
}
Muchas gracias por ayudarme Rith, y a todo aquel que se preste.

PD: No he hecho las pruebas en la url que indico arriba.
  #4 (permalink)  
Antiguo 06/03/2008, 13:33
 
Fecha de Ingreso: febrero-2008
Mensajes: 31
Antigüedad: 9 años, 10 meses
Puntos: 0
Re: postion: fixed

mira:

body{ //contendra lo del body
background: url(fons.jpg) repeat-y
}
.fnd-caballo{
width: lo que tenga la img
height: lo que tenga la img
background: url(la img del caballo) no-repeat
}
.idiome{
text-align:right
}

<div class="fnd-caballo">
<div class="idiomes">
los link ke tenes
</div>
</div>

espero esto te ayude ...
  #5 (permalink)  
Antiguo 06/03/2008, 18:29
 
Fecha de Ingreso: agosto-2007
Mensajes: 44
Antigüedad: 10 años, 3 meses
Puntos: 0
Re: postion: fixed

Muchas gracias Rith, de verdad.

Al final entendi lo que me decias de meter una capa dentro de otra, centrar una capa principal y ir metiendo el resto dentro con postion relative. El problema es que me quedaba un espacio en blanco entre la imagen "header" y el texto "idiomes". Lo he solucionado poniendo un margin-top negativo el logo, pero creo que no es muy ortodoxo.

Otra duda que me asalta es que al redimensionar la ventana del navegador, no se descoloca nada, pero se me come la pagina por la parte izquierda, y aunque mueva la barra de scroll no se ve la parte desaparecida, tengo que volver a redimensionar.

El enlace para comprovarlo:

http://www.thewilfamily.com/prueba/prueba.html
y el css
http://www.thewilfamily.com/prueba/medias/css/layout.css

Gracias a [email protected]
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 21:12.