Lightbox / Squeezebox

[Kerniger]

Hallo liebes Forum, ich weiß, dass es unheimlich viele Möglichkeiten gibt, wie man eine Lightbox erstellen kann, etc. Jedoch habe ich etwas, was mir vorgegeben wurde und ich muss nur daran Änderungen vornehmen. Jedoch hoffe ich sehr, dass irgendjemand mal da drüber schauen kann und mir dann sagen kann, wo und was ich da ändern kann.

Grundlegendes: Es gibt hier 2 Probleme. Einmal die mobile-Ansicht und einmal die sog. PC-Ansicht. (vorausgesetzt, man hat auch ein breiten Monitor)

Die Probleme anhand dieses Beispiel:

http://www.rsv-speiche.de/joomla/index.php/service/archivierte-berichte/190-sieben-podestplatzierungen-bei-landesmeisterschaft-bahn-in-leipzig.html

1. (Mobile Ansicht oder man macht einfach den Browser kleiner) Wenn man auf das Bild klickt, dann ist das Bild an sich klein, aber die sog. Umrandung auf volle fläche, anstatt angepasst zum Bild!

2. (PC-Ansicht) Wenn man etwas runterscrollt, und dann auf das Bild anklickt, dann springt es nach oben. Anstatt auf dieser Position zu bleiben. (Ich hoffe ihr könnt mir nachvollziehen?)

Nun zur CSS-Datei: Das ist diese Datei, die ich gefunden habe und schon mal versuchte dies zu ändern. Jedoch komme ich da nicht wirklich weiter! Ich hoffe jemand kann mir da helfen: view-source:http://www.rsv-speiche.de/joomla/media/editors/arkeditor/css/squeezebox.css

Vielen Dank!