obter a altura a posição de uma div em modo absoluto

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

Pergunta

como a minha última pergunta foi respondida inmediatly .. eu decidi postar um novo que está tomando todo o meu cabelo longe, XD

este é o problema ..

Eu tenho um projeto com uma div posicionado absoluta .. que tem um png transparente e uma âncora simples ... apenas como esta. 

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

então .. eu preciso esta div.buyfloat posicionado em uma posição absoluta ... não se movimentar .. sem saltar nenhum desvanecimento .. eu só precisa dele na 200px desde o final da página ... porque eu preciso -lo apenas no topo da minha rodapé .. e como o heigh das páginas aumenta ou diminui .. eu não posso usar seletor superior.

bem .. "bottom uso!" você pode dizer .. sim senhor eu tentei .. mas por algum tipo de razão .. o selector inferior usa a altura da janela (parte visível) em vez da coisa toda .. e .. se eu rolar a página de baixo .. a imagem é bem no meio da página. 

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

i estou procurando algum javascript (Eu acho que vi um há algum tempo atrás) que me dá o direito altura do corpo na css .. mas se você tiver qualquer solução diferente e mais fácil .. eu sou todo ouvidos!

Agradecemos antecipadamente.

Foi útil?

Solução

Tenha em mente que "position: absolute" é na verdade em relação ao primeiro ancestral do elemento que tem um valor de posição diferente de "estática" (ver ponto 4 em http://www.w3.org/TR/CSS2/visudet.html#containing-block-details ). Então, talvez você tem essa situação e o "fundo" está medindo a partir de algum outro elemento, em vez de html / corpo.

Outras dicas

Primeiro, a única maneira JS funciona em CSS é através de "expressão" que é IE somente, em segundo lugar, isso exigiria seus usuários também teve JS ligado.

pos: abs remove o elemento da disposição normal e coloca-o em relação ao pai absoluto ou parente mais próximo. Se você estiver em xhtml estrito ou de transição, fundo será absolutamente trabalho se você apenas fazer o corpo em relação demasiado: 

<!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 em: CC-BY-SA com atribuição
Não afiliado a StackOverflow
scroll top