erhalten Höhe a div im absoluten Modus zu positionieren,

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

Frage

als meine letzte Frage inmediatly beantwortet wurde .. ich beschlossen, eine neue zu schreiben, die alle meine Haare nimmt, XD

Das ist das Problem ..

Ich habe ein Design mit einem absoluten positionierte div .., die eine transparente png und einen einfachen Anker hat ... einfach so. 

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

so .. ich brauche diese div.buyfloat an einer absoluten Position positioniert ... nicht um zu bewegen .. kein Springen, dass kein Ausbleichen .. Ich brauche es nur bei 200px von ganz unten auf der Seite ... weil ich brauche es gerade auf der Spitze meiner Fußzeile .. und als heigh der Seiten erhöht oder verringert .. i Top-Selektor kann nicht.

gut .. "Verwendung unten!" Sie können sagen .. jawohl habe ich versucht, .. aber für eine Art von Grunde .. die untere Selektor verwendet die Fensterhöhe (sichtbarer Teil), statt das Ganze .. und .. wenn ich die Seite nach unten scrollen .. das Bild direkt in der Mitte der Seite. 

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

Ich bin für einige Javascript suchen (ich glaube, ich vor einem irgendwann sah), die mir die Körperhöhe direkt am CSS gibt .. aber wenn Sie irgendeine andere und einfachere Lösung haben .. Ich bin ganz Ohr!

Vielen Dank im Voraus.

War es hilfreich?

Lösung

Beachten Sie, dass „position: absolute“ tatsächlich relativ zu dem ersten Vorfahre des Elements, das einen Positionswert anders als „statisch“ hat (siehe Punkt 4 in http://www.w3.org/TR/CSS2/visudet.html#containing-block-details ). Also vielleicht haben Sie diese Situation haben und die „unten“ wird von einem anderen Element Messung statt html / body.

Andere Tipps

Zunächst einmal, die einzige Möglichkeit, JS in CSS arbeitet, ist über den „Ausdruck“, die nur IE ist, zweitens würde dies die Benutzer benötigen auch JS aktiviert war.

po: abs entfernt das Element aus dem normalen Layout und platziert es in Bezug auf die nächsten absolut oder relativ Eltern. Wenn Sie in streng oder Übergängen xhtml sind, Boden absolut funktionieren, wenn Sie einfach zu dem Körper relativ machen: 

<!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>
Lizenziert unter: CC-BY-SA mit Zuschreibung
Nicht verbunden mit StackOverflow
scroll top