Aufruf von Anwendungen über iFrame bekommen unerwünschten Rand

Ich versuche schon einige Zeit auf https://www.verwandten.info Darstellungsprobleme in den Griff zu bekommen.

Die Startseite, Blog und Persönlichkeiten sind ok. Wenn ich jedoch eine Anwendung in einem iFrame aufrufe, bekommen diese einen zusätzlichen Seitenrand verpasst, der beim direkten Aufruf nicht vorhanden ist.

Wie kann ich dieses Problem in den Griff kriegen?

Inzwischen habe ich beim Menüpunkt "Stammbaum-Netzwerk" bei Seitenanzeige und CSS-Klasse Seite "iframe-clean" eingetragen.

Und in der user.css gibt es dazu diesen Eintrag:

.iframe-clean iframe {
border: 0 !important;
margin: 0 !important;
padding: 0 !important;
}

Das hat sogar kurz bei den iFrame-Aufrufen funktioniert. Der Seitenrand bei den Anwendungen war weg, aber leider auch bei den anderen Seiten (Startseite, Blog und Persönlichkeiten), was ich natürlich nicht wollte. Momentan stehe ich total an.

Selbstverständlich habe ich immer den Cache geleert.

Hat jemand eine Idee was ich falsch gemacht haben könnte?

Es scheint dieser violette Rand zu sein, der bei iFrame hinzukommt. Ich habe auf padding: 0px geändert und der Rand ist nach links und nach oben gewandert. Ich gehe davon aus, dass damit der linke Rand der Seite mit dem Stammbaum-Netzwerk und der Startseite gleich ist.

Was muss ich in die user.css eintragen, damit das wirksam wird?

So wäre es schön. Diese CSS-Eintragung hat aber bei mir leider keine Wirkung gezeigt.

Ich glaube richtig erkannt zu haben, dass man mit der Cassiopeia Extended nur Farben und Schriften anpassen kann.

Bisher hatte ich das Template Cassiopeia als default in Verwendung. Ich habe dann die Cassiopeia Extended als default genommen und angefangen die user.css anzupassen. Das hat aber nichts gebracht, außer neue Probleme.

Die user.css befindet sich in diesem Verzeichnis:

/media/templates/site/cassiopeia/css/user.css

Ist die user.css an falscher Stelle?

Ich habe erst auf den zweiten Blick erkannt, dass diese Eintragung zu Webtrees gehört:

.container-lg.wt-main-container { padding: 0; margin-top: 10px; }

Vielen Dank euch beiden, das Problem ist nun gelöst.