obtenir la hauteur pour positionner un div en mode absolu

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

Question

comme ma dernière question a été répondue inmediatly .. i décidé de publier une nouvelle qui prend tous mes cheveux loin, XD

est le problème ..

J'ai une conception avec un div positionné absolu .. qui a un .png transparent et un point d'ancrage simple, ... comme ça. 

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

.. i besoin de ce div.buyfloat positionné à une position absolue ... ne bouge pas autour .. pas sauter sans décoloration .. i juste besoin à 200px du bas de la page ... parce que je besoin juste au-dessus de mon pied .. et comme le heigh des pages augmente ou diminue .. je ne peux pas utiliser le sélecteur haut.

bien .. "bottom utilisation!" vous pouvez dire .. oui, monsieur, j'ai essayé .. mais pour une sorte de raison .. le sélecteur fond utilise la hauteur de la fenêtre (partie visible) au lieu la chose .. et .. si je faire défiler la page vers le bas .. l'image est en plein milieu de la page. 

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

je cherche javascript (je pense que je l'ai vu il y a un certain temps) qui me donne la hauteur du corps à droite sur le .. mais si css vous avez une autre solution et plus facile .. Je suis toutes les oreilles!

Merci d'avance.

Était-ce utile?

La solution

Ne pas oublier que « position: absolu » est en fait par rapport au premier ancêtre de l'élément qui a une valeur de position autre que « statique » (voir le point 4 en noreferrer http://www.w3.org/TR/CSS2/visudet.html#containing-block-details ). vous avez donc peut-être cette situation et le « bas » est la mesure d'un autre élément plutôt que html / corps.

Autres conseils

Tout d'abord, la seule façon JS fonctionne en CSS est par « expression » qui est IE que, d'autre part cela nécessiterait vos utilisateurs avaient aussi JS activé.

pos: abs supprime l'élément de mise en page normale et il place par rapport au plus proche parent absolu ou relatif. Si vous êtes en xhtml strict ou de transition, en bas ne fonctionnera absolument si vous venez de faire le corps par rapport aussi: 

<!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>
Licencié sous: CC-BY-SA avec attribution
Non affilié à StackOverflow
scroll top