Responsive Webdesign
Die neue
Version 4.5.0 des myPHP Guestbook ist die Reaktion auf Googles Anforderung nach Websites, die gleichermaßen gut les- und bedienbar auf Desktop-PCs wie auf Smartphones angezeigt werden sollen.
Der HTML-Quelltext und die CSS wurden so umgeschrieben, dass das Gästebuch auch auf mobilen Endgeräten optimiert dargestellt wird, indem sich das Layout und der Inhalt inklusive ggf. eingestellter Fotos automatisch der jeweiligen Fensterbreite des Browsers anpassen.
Gästebuch-Darstellung auf mobilem Endgerät durch Google
Beim Aufruf mit einem "normalen" PC oder beim Einbinden des Gästebuchs in eine Website mit einer vorgegebenen festen Breite bleibt in der sichtbaren Darstellung alles beim Alten, in allen anderen Fällen erfolgt beim Aufruf mit einem Tablet oder Smartphone eine stufenlose Anpassung.
Einfach mal hier ausprobieren durch Minimierung des Browserfensters bis auf 320px, der "Standardbreite" eines IPhones.
LG Wolfgang
1... 106 107 108 109 110 [111] 112 113 114 ...122
Kommentar:
Hallo Andreas,um Deine Fragen, insbesondere die nach dem "woran liegt das?", verständlich zu beantworten, muss ich leider etwas ausholen:
Das Template "Wide" hat einen von allen anderen Templates abweichenden Aufbau, der tatsächlich dazu führt, dass die automatische Größenanpassung von Fotos in Gästebucheinträgen bei diesem speziellen Template (und ausschließlich bei diesem Template!) nicht mit allen Browsern umgesetzt wird, zumindest wenn man sie auf einem Desktop-PC testet.
Auf diesen Umstand wird in den dem Download beigefügten diversen "ReadMe"-Dateien explizit hingewiesen mit der ergänzenden Anregung, jeder User, der das Einstellen von Fotos im Gästebuch freischaltet, möge überlegen, ob er dennoch das Template „Wide“ wählt oder nicht lieber auf eines der sieben neun anderen installierten Templates ausweicht, bei denen es keine Einschränkungen mit der automatischen Bildanpassung auf kleinen Monitoren gibt, egal mit welchem Browser.
Der Grund liegt ganz einfach darin, dass das Template „Wide“, dessen Wesensmerkmal gerade darin besteht, dass der Name eines Gastes, die Zeit seines Eintrags im Gästebuch etc., in einer linken Spalte zusammengefasst werden und der eigentliche Textbeitrag dann in einer Spalte rechts daneben erscheint, mit einer HTML-Tabelle umgesetzt wurde. (Bei allen anderen Templates wurden die HTML-Tabellen entfernt.)
Und bei diesen Tabellen ist es nun einmal so, dass in ein Tabellenfeld eingefügte Fotos zumindest derzeit nur von den Browsern Chrome, Opera, Safari und dem hauseigenen von Android automatisch angepasst werden, aber nicht von FF und IE. Das gleiche gilt übrigens auch für die CSS-Nachbildung einer Tabelle mittels „display:table“ etc..
Trotz dieser Einschränkung wollte ich das Template "Wide" nicht völlig entfernen, weil es doch öfters eingesetzt wird und bei weitem nicht alle User den Foto-Upload freischalten.
LG Wolfgang