Gunther: DIV in der Mitte zentrieren, auch bei Scrollen

Beitrag lesen

Hi Max,

Wenn ich auf einen dieser Eintraege klicke, dann moechte ich einen DIV sichtbar machen und via JavaScript zusaetzlichen Inhalt zu diesem Eintrag in diesem DIV anzeigen lassen.  Das ist bislang noch kein Problem.

wird aber eins, wenn der jeweilige User kein JS aktiviert/ zur Verfügung hat.
Warum willst du das mit JS machen? Alternativ könntest du das auch per CSS machen (Stichwort: "CSS Tooltipps")

Jetzt ist die Liste nur etwas laenger, d.h. man muss auch mal nach unten scrollen.  Und jetzt wird mein DIV immer nur oben angezeigt (man muss hoch scrollen um da rein zu schauen).

Soll das DIV mit den Zusatzinformationen immer an derselben Stelle vom Viewport erscheinen (also relativ zum Browserfenster), oder in Abhängigkeit von dem Listeneintrag der gehovert/ angeklickt wird?

Wie krieg ich ihn auch unten zentriert?

Grober Aufbau:
<style>
div.entry
{
    position: absolute;
    top: 5%;
    left: 5%;
    width: 90%;
    height: 90%;
}
</style>
<body>
: Liste
<div class="entry"> Mehr Infos zur Liste </div>

Bedenke, dass sich die absolute Positionierung eines Elements immer auf das nächsthöhere relativ positionierte bezieht. Gibt es kein solches, ist der Bezugspunkt das Wurzel-Element (Root), also meist das html-Element.

Gruß Gunther