postion: fixed

[guillegm]

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

[rith]

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

[guillegm]

Muchas gracias por tu respuesta.

Iniciado por rith

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.

[rith]

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 ...

[guillegm]

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 tod@s.