+ Antworten
Ergebnis 1 bis 3 von 3

Thema: Eine Ebene am unteren Rand "festkleben"

  1. #1
    TP-Member Kamasutra macht alles soweit korrekt Avatar von Kamasutra
    Registriert seit
    Feb 2004
    Ort
    Ruhrpott
    Beiträge
    81

    Eine Ebene am unteren Rand "festkleben"

    Man kann ja ein Bild (oder was auch immer) mittels bottom:0px am unteren Rand positionieren. Wenn nun aber vertikal gescrollt werden muss, rutscht das Element mit nach oben, statt unten am Rand stehen zu bleiben. Und das ist ziemlich dämlich.

    Gibt es eine Lösung dafür?
    Kamasutra

  2. #2
    TP-Specialist prefix ist auf einem guten Weg
    Registriert seit
    Aug 2002
    Ort
    Nähe Wien
    Beiträge
    4.642
    suchst du ev. sowas?

  3. #3
    TP-Member Kamasutra macht alles soweit korrekt Avatar von Kamasutra
    Registriert seit
    Feb 2004
    Ort
    Ruhrpott
    Beiträge
    81
    Hallo prefix,

    genau so soll es funktionieren. Nur leider macht es das bei mir nicht, obwohl ich eigentlich den gesamten Quelltext auf meinen übertragen habe.

    Ich habe zusätzlich zur unteren Linie noch einen Kasten positioniert. Er ist verteilt auf zwei Ebenen, damit ich ihn mittig positionieren kann. (Vielleicht gibt es da eine bessere Lösung?)


    #kasten1
    {
    position:absolute;
    width:300px;
    height:171px;
    left:0px;
    bottom:50%;
    z-index:2;
    }


    #kasten2
    {
    position:absolute;
    width:300px;
    height:129px;
    left:0px;
    top:50%;
    z-index:3;
    }

    width und heigth entsprechen dabei den Größenangaben der Bilder, die auf der Ebene liegen.

    Das Problem: der untere Balken läuft nach wie vor mit und: der Kasten wird oben beschnitten. (Ich habe oben drin Text stehen, von daher fiel es mir überhaupt erst auf.)

    Woran könnte es haken? Ich habe absolut keine Idee.
    Kamasutra

+ Antworten

Aktive Benutzer

Aktive Benutzer

Aktive Benutzer in diesem Thema: 1 (Registrierte Benutzer: 0, Gäste: 1)

     

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51