XHTMLforum

XHTMLforum (http://xhtmlforum.de/index.php)
-   CSS (http://xhtmlforum.de/forumdisplay.php?f=73)
-   -   CSS Bezug auf include (http://xhtmlforum.de/showthread.php?t=73405)

Torben 09.01.2018 16:08

CSS Bezug auf include
 
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

cloned 09.01.2018 16:40

Zitat:

Zitat von Torben (Beitrag 551766)
Gibt es hier eine Lösung, dass das css die Include Breite als Maßstab nimmt.

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?

Torben 09.01.2018 18:57

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

Torben 19.01.2018 12:46

Kein Feedback? Hat keiner eine Ahnung?

protonenbeschleuniger 19.01.2018 17:51

Ich verstehe nicht, was die Frage ist.

Torben 20.01.2018 14:59

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.

protonenbeschleuniger 20.01.2018 17:37

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.

fricca 20.01.2018 20:28

Zitat:

Zitat von Torben (Beitrag 551802)
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.

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/

Torben 21.01.2018 05:37

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

cloned 24.01.2018 14:05

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. :D


Alle Zeitangaben in WEZ +2. Es ist jetzt 16:50 Uhr.

Powered by vBulletin® Version 3.8.11 (Deutsch)
Copyright ©2000 - 2024, vBulletin Solutions, Inc.

© Dirk H. 2003 - 2023