Responsives Design bei dynamischen Inhalten 
Auteur : Michael Bolz
Visité 1676,
Followers 1,
Partagé 0
Moin!
Ich habe für einen Kunden eine Webseite erstellt, die einige Seiten mit dynamischem Inhalt enthält.
Die Seite lautet: http://www.geni-lueneburg.de
Der Betreiber kopiert fleißig aktuelle Inhalte als "jpeg" auf diese Seiten. Ich musste feststellen, dass diese deshalb z. B. auf dem Smartphone nicht richtig dargestellt werden (zumindest die Bilddatei ist zu breit). Was könnte man dort beachten? Die Bilder von vornherein kleiner machen (die Breite ist bei ca. 700 px)? Oder ihm etwas anderes emfpehlen?
Danke für einen Tipp!!!
Posté le
Das dürfte INCO entgangen sein ! Das dynamische Objekt ist zwar responsive, aber die Grafiken nicht wenn sie größer sind. Da hilft derzeit nur CSS Code zum korrigieren.
ICh nehme an es ist die Seite "Aktuelles" oder? Dann müsstest du den Code bei der Seite unter "Eigenschaften" Reiter "Erweitert" vor dem </head> reinschreiben.
<style>
@media(max-width: 839px) and (min-width: 480px) {
#dynObj_191 img {width:100%!important;}
}
</style>
Auteur
Danke!
Werde ich mal probieren!!
Auteur
Hallo Andreas!
Ich habe das mal probiert, bringt leider keinen Erfolg... Allerdings weiß ich auch, ehrlich gesagt nicht, welcher der verschiedenen Codes im Auswahlmenu "css-code" ist? ich hätte php, html, asp, dfm, jsp im Angebot... Wobei ich da wohl am Ehesten auf html tippe?
Was machst du denn ??? Dort brauchst du nichts umstellen, denn das ist keine Seite zum einfügen, sondern nur Code den ich ja oben beschrieben habe wo du ihn einfügen sollst.
ICh habe das aber nur auf die Seite "Aktuelles" eingestellt, denn für andere Seiten muss man die Nummer beim dynObj ändern.
Auteur
hm...
Irgendwie steige ich da nicht so durch..
Also ich klickte auf die Eigenschaften der Seite.. Dann auf Erweitert... Dann dort den Code eingefügt..
Hab mal was rangehängt...
Die anderen Seiten hatte ich auch explizit geändert.
Kann es auch daran liegen, dass ich für jede dynamische Seite einen Ordner mit dem gleichen Namen angelegt hatte? Müsste ich da eventuell noch hin verweisen?
Der Code passt schon wo du ihn eingefügt hast !
Nur wenn du den Effekt auf bei den anderen SEiten haben willst dann musst du den gleichen Code auch bei den anderen Seiten hinzufügen nur mit einer anderen Zahl hinter dem DynObj!
Für die Startseite müsstest du es ausbessern auf dynObj_01
WEnn du noch andere Dynamische Objekte eingefügt hast musst du es im Quellcode rausfinden.
Auteur
Danke!
Ja, ich habe ihn auch in die anderen Seiten eingefügt und die "dynObj..." entsprechend angepasst (unter www.webseite.de/admin sind die ja alle aufgeführt, ich hab sie dann per copy&past einfach in das Script gepackt...
Aber wenn ich die Seite auf meinem Smartphone aufrufe ändert sich nicht... Ich werde das Ganze nochmal komplett neu hochladen, ist ja zum Glück ersmtmal auf dem Bastelserver ;-)
Auteur
So. Habs nochmal hochgeladen.
Im Querformat sieht alles super aus. Hochformat klappt nicht, aber vielleicht liegt es auch an meinem Smartphone...
Sorry habe zuviel Code geschrieben ! Das "and (min-width: 480px)" musst du rauslöschen.
Auteur
Perfekt!!! Danke!!!