Neuigkeiten
  • Die modified eCommerce Shopsoftware ist kostenlos, aber nicht umsonst.
    Spenden
  • Damit wir die modified eCommerce Shopsoftware auch zukünftig kostenlos anbieten können:
    Spenden
  • Thema: Floating div Browserrand unten rechts

    Toby

    • Viel Schreiber
    • Beiträge: 985
    Floating div Browserrand unten rechts
    am: 07. Februar 2017, 16:18:27
    Hallo,
    ich möchte gerne ein div unten rechts am Browserrand konfigurieren, das mitscrollt.
    Hat das jemand von euch vielleicht schon mal umgesetzt?

    Linkback: https://www.modified-shop.org/forum/index.php?topic=36624.0

    flip

    • Neu im Forum
    • Beiträge: 20
    Re: Floating div Browserrand unten rechts
    Antwort #1 am: 07. Februar 2017, 16:49:51
    Hallo Toby,

    Du erstellst einen container mit HTML:
    <div class="fixed-am-rand">Derinhalt</div>

    und verpasst ihm mit css die benötigten eigenschaften:
    Code: CSS  [Auswählen]
    .fixed-am-rand {
    display:block;
    position:fixed;
    right:0;
    bottom:0;
    height: 200px;
    width: 200px;
    background: #f00;}
     

    wichtig ist da eigentlich nur die position:fixed und die "koordinaten" (right & bottom in diesem fall)

    Toby

    • Viel Schreiber
    • Beiträge: 985
    Re: Floating div Browserrand unten rechts
    Antwort #2 am: 07. Februar 2017, 17:04:12
    prima danke :)
    23 Antworten
    8543 Aufrufe
    26. März 2010, 19:50:04 von ildem
    9 Antworten
    5474 Aufrufe
    08. Oktober 2012, 13:07:21 von cannewitz
    9 Antworten
    3733 Aufrufe
    28. März 2012, 13:53:47 von kaisa
    0 Antworten
    1467 Aufrufe
    27. Dezember 2015, 15:05:08 von telefoncall
               
    anything