avere altezza per posizionare un div in modo assoluto

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

Domanda

come la mia ultima domanda è stato risposto inmediatly .. ho deciso di pubblicare una nuova che sta prendendo tutti i capelli di distanza, XD

Questo è il problema ..

ho un disegno con un div assoluta posizionato .. che ha una png trasparente e un semplice ancoraggio ... proprio come questo. 

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

così .. ho bisogno di questo div.buyfloat posizionato in una posizione di assoluta ... non si muove intorno .. senza saltare nessuna dissolvenza .. ho solo bisogno che a 200px dal fondo della pagina ... perché ho bisogno solo sulla parte superiore del mio piè di pagina .. e come l'altezza delle pagine aumenta o diminuisce .. non posso uso superiore del selettore.

bene .. "utilizzo fondo!" si può dire .. sissignore ho provato .. ma per una sorta di ragione .. il selettore di fondo utilizza l'altezza della finestra (parte visibile) invece il tutto .. e .. se ho scorrere la pagina verso il basso .. l'immagine è proprio al centro della pagina. 

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

sto cercando un po 'di javascript (Penso che ho visto uno qualche tempo fa) che mi dà l'altezza del corpo proprio sulla css .. ma se una soluzione diversa e più facile .. io sono tutto orecchie!

grazie in anticipo.

È stato utile?

Soluzione

Si tenga presente che "la posizione: assoluto" è in realtà relativa al primo antenato dell'elemento che ha un valore di posizione diversa da "statica" (vedi punto 4 in noreferrer http://www.w3.org/TR/CSS2/visudet.html#containing-block-details ). Così forse si dispone di questa situazione e il "basso" sta misurando da qualche altro elemento, piuttosto che HTML / corpo.

Altri suggerimenti

Prima di tutto, l'unico modo JS funziona in CSS è via "espressione", che è solo IE, in secondo luogo ciò richiederebbe gli utenti hanno anche JS acceso.

pos: abs rimuove l'elemento dal layout normale e lo pone rispetto al genitore assoluta o relativa più vicino. Se siete in XHTML Strict o di transizione, in basso sarà assolutamente funzionare se basta fare corpo rispetto troppo: 

<!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>
Autorizzato sotto: CC-BY-SA insieme a attribuzione
Non affiliato a StackOverflow
scroll top