Hallo zusammen,

vorab; ich bin kein Programmierer, aber ich frage für meinen Programmierer.

Wir haben folgendes Problem:
Wir haben eine responsive Vergleichstabelle gebaut, die wir anderen Partnern per php include zur Verfügung stellen. Das funktioniert wunderbar, wenn nur der Vergleich auf der Seite integriert ist. Ist die Vergleichstabelle dafür in einer Umgebung eingebunden mit Sidebar oder sonstigem Content, nimmt dass CSS die Seitenbreite als Bezug statt die Breite des includes, was dazu führt, dass die Tabelle nur zum Teil bei Mobile Ansicht dargestellt wird.
Gibt es hier eine Lösung, dass das css die Include Breite als Maßstab nimmt.
Ich hoffe ich hab mich verständlich ausgedrückt.

Dank schon mal im Voraus.

LG Torben

Ja, das sollte schon möglich sein. Kommt halt darauf an, was genau gewünscht ist.
Genauer kann man das beantworten, wenn ein Beispielcode zur Verfügung steht.
Wird mit mediaqueries gearbeitet, die bei kleinerer Auflösung auch die Sidebar berücksichtigen soll?
Was ist mit "nur zum Teil in der mobilen Ansicht dargestellt wird" gemeint?

Hallo,

also hier der Recher in Reinform mit funktionierendem responsive 100% :

normal

und hier als php include & iframe mit fester Groesse:

include

Und hier noch mal ein Vereinfachtes Beispiel mit Problem:

Beispiel

Schon mal Danke fuer die Muehe

Beste Gruessee
Torben

Kein Feedback? Hat keiner eine Ahnung?

Ich verstehe nicht, was die Frage ist.

Das Problem ist, dass wenn der Vergleichsrechner über eine PArtner mit php include eingebunden wird, das responsive desing nicht mehr funktioniert, weil dass css die Webseitenbreite als bezug nimmt und nicht die breite des php include. Wenn man den 2ten link öffnet und das Fenster verkleinert, kann man Problem sehen. Bei link ein (ohne include) ist die Darstellung kein Problem. Leider konnte uns hier keiner helfen wie man das auf css Ebene löst.
Freue mich auf jede Art der Hilfe.

Dann musst du darauf achten, dass das CSS noch funktioniert.

Es ist wirklich schwer mit so einer allgemeinen Beschreibung und ein paar hundert Zeilen CSS Code irgendeine konkrete Aussage zu treffen.

Mir ist auch nicht klar was die angestrebte Lösung wäre und was du bisher versucht hast?
Wir sind ja keine Agentur die versucht aus einer wagen Kundenbeschreibung einen lukrativen Auftrag ergattern möchte. Wir helfen dir bei deiner Lösung aber dazu musst du schon etwas zeigen.

Media-Queries beziehen sich auf die Größe des Viewports.
Was du vermutlich suchst wären "element queries" oder "container queries", also eine responsive Anpassung bezogen auf die Größe eines bestimmten Elements.
Das gibt es (noch) nicht, sowas geht bisher nur mit JavaScript, z.B.: https://elementqueries.com/

__________________
Corina Rudel

Online-Einsteigerkurs HTML/CSS | Buch: Fortgeschrittene CSS-Techniken

Hallo Fricca,

dank dir!

Auf den ersten Blick scheint das tatsächlich die Lösung zu sein. Ich gebe es mal weiter an meinen Entwickler.

LG Torben

Hier hatte ich einmal etwas geschrieben aber wohl nie abgeschickt.
Ein anderes Problem ist: Der iframe wird mit fester Größe eingebunden. Entfernt man die feste Größe von 600px, dann funktioniert es, soweit ich das nach 1 Minute sehen kann, auch "korrekt".
Einfach gesagt: Entweder man bindet etwas responsive ein und verzichtet auf feste Größen oder eben nicht.