obtener altura para posicionar un div en modo absoluto

StackOverflow https://stackoverflow.com/questions/940428

Pregunta

como mi última pregunta fue respondida inmediatly .. he decidido publicar una nueva que se está llevando todo mi pelo, XD

este es el problema ..

i tiene un diseño con una div posicionado absoluta .. que tiene un png transparente y un ancla sencilla ... como esta. 

<div class="buyfloat">
      <img src="img/buy.png" />
</div>

Así que .. necesito este div.buyfloat colocado en una posición absoluta ... no se mueve alrededor .. sin saltar ninguna decoloración .. yo sólo necesito a 200 píxeles desde la parte inferior de la página ... porque necesito sólo en la parte superior de mi pie .. y como la Altura de las páginas aumenta o disminuye .. i no puede utilizar el selector superior.

así .. "utilización boca abajo!" usted puede decir si señor .. .. he intentado pero por alguna clase de razón .. el selector inferior utiliza la altura de la ventana (parte visible) en lugar todo el asunto .. y .. si me desplazo la página hacia abajo .. la imagen es justo en el medio de la página. 

.buyfloat{
    width:333px;
    height:135px;
    position:absolute;
    left:10px;
    bottom:200px; /**   not working         **/
    margin:5px auto 0 auto;
    z-index:99;
}

estoy buscando algo de JavaScript (creo que vi hace un algún momento) que me da la altura del cuerpo a la derecha en el css .. pero si usted tiene alguna solución diferente y más fácil .. Soy todos los oídos!

gracias de antemano.

¿Fue útil?

Solución

Tenga en cuenta que "la posición: absoluta" es en realidad con relación a la primera antepasado del elemento que tiene un valor de posición que no sea "estático" (véase el punto 4 en http://www.w3.org/TR/CSS2/visudet.html#containing-block-details ). Así que tal vez usted tiene esta situación y el "fondo" está midiendo desde algún otro elemento en lugar de html / cuerpo.

Otros consejos

En primer lugar, la única manera de JS trabaja en CSS es a través de "expresión", que es sólo IE, en segundo lugar, esto requeriría sus usuarios también tenían JS activada.

pos: abs elimina el elemento de diseño normal y lo coloca con respecto a la matriz absoluta o relativa más cercano. Si estás en XHTML estricto o de transición, inferior funcionará en absoluto si lo que hace el cuerpo en relación también: 

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
    <head>
        <style>
        body {height: 9000px;position:relative;}
        #a {position:absolute; bottom:0px;}
        </style>
    </head>
    <body>
    <div id="a">bottomDweller</div>
    </body>
</html>
Licenciado bajo: CC-BY-SA con atribución
No afiliado a StackOverflow
scroll top