CSS: Objekt dynamisch positionieren

[Rolf B]

Hallo Wettermann,

Die sollen sich am jeweiligen Balken öffnen, also nicht zentral in der Mitte o.ä., aber möglichst so, dass sie nicht über den Rand der Tabelle hinausgehen. Wenn rechts also zu wenig Platz ist, soll sich das Fenster etwas weiter links öffnen, wenn links zu wenig ist, etwas weiter rechts etc

Kannst Du das mal mit Beispielen - also konkreten Breiten für den Balkenbereich, die Balken und Positionen für das Popup - ausformulieren? Vielleicht verstehe ich es dann.

Dann noch ein paar Löffel Senf zur Wurst:

Löffel 1: Versuche mal, dein Balkendiagramm auf folgenden Geräten zu verwenden:

1. Desktop ohne Maus (Tastatur)
2. Dein Smartphone, oder ein Tablet
3. In Schwarzweiß (bzw. von einem User dessen Farbsehen beeinträchtigt ist)
4. Ein Screenreader für Blinde

Danach wirst Du mir zustimmen, dass dein Konzept so nicht trägt. Um das Popup tastaturbedienbar hinzubekommen, brauchst Du JavaScript oder neuere Browser, die :focus-within unterstützen (siehe dieses, in Arbeit befindliche Beispiel). IE und Edge sind damit außen vor.

Löffel 2: Deine "Checkliste" mit Kritierien macht nach meiner Ansicht nur Sinn, wenn alle Kriterien aufgelistet werden und nur die erfüllten Kriterien den Haken haben. Oder?

Rolf