|
|||
Layout wird auf iPad / iPhone falsch dargestellt
Hallo zusammen,
ich habe ein Problem mit der Darstellung meines Shops auf dem iPhone / iPad. Im Safari auf dem PC wird wie im Firefox und Explorer alles richtig angezeigt. Der Background besteht aus einem Bild. Das Bild ist so angepasst, dass der "grüne und graue Balken" sich überlagern. Also mit dem "grünen und grauen Balken" der Shopnavigation. Auf dem iPad / iPhone allerdings wird wohl das Hintergrundbild irgendwie so verkleinert, dass die Proportionen nicht mehr stimmen und der "Header" oben in der Luft hängt. Zusätzlich wird für den Container keine weisse Farbe angezeigt. Also der Container ist transparent. Um diese Seite geht es: Ranzenladen - Schul-Ranzen Online-Shop in Kassel mit Marken Scout - McNeill und DerDieDas Kennt sich jemand von euch mit der Anpassung für mobile Endgeräte aus und kann mir sogar weiterhelfen? lg Bubble |
Sponsored Links |
|
|||
Hallo
Zitat:
Das ist mehr oder weniger ein hingebastelter Anfängerquelltext. Im Moment versuchen die Smartphones und Tablet-PCs die Seite automatisch an die geringere Bildschirmgröße anzupassen, was je nach Browser mehr oder weniger gut gelingt. Da an der Seite nichts "responsive" ist, ist das aber reine Glückssache. Und die Besucher sind ständig am rein- und rauszommen sowie am hin- und herscrollen. Gruss MrMurphy Geändert von MrMurphy (04.02.2013 um 18:27 Uhr) |
Sponsored Links |
|
|||
Zitat:
Das ist kein "Anfängerquelltext" Das ist eine von uns genutzte Shopsoftware. Es funktioniert ja alles. Nur mit dem Hintergrundbild und die Darstellung der Hintergrundfarbe vom Container haben die mobilen Endgeräte Probleme. Mein XHTML sowie CSS ist sonst immer W3C konform. |
|
|||
Ich würde keine Site momentan komplett in HTML5 / CSS3 erstellen, da das noch nicht von allen Browsern 100 pro unterstützt wird.
Edit: Vielleicht kann ich eine CSS für Smartphones separat anlegen!? Also z. B. für das Background IMG. Geändert von Bubble (04.02.2013 um 18:37 Uhr) |
|
|||
Bei dem Body-Hintergrund dürfte es helfen, die tatsächliche Bildgröße als background-size anzugeben.
Das weiße Bild für den Container ist vermutlich einfach zu groß, da gibt es Beschränkungen. Ein solch gigantisches Bild für einen hauptsächlich weißen Hintergrund ist ... unökonomisch. Nach einem schnellen Blick würde ich sagen, wenn man #left und #main mit einem Element zusammenfassen würde, dann könnte man diesem neuen Element einfach eine weiße Hintergrundfarbe geben. Mit "Anpassung für mobile Geräate" hat das aber alles noch wenig zu tun. Stichwort für weitere Information ist "responsive web design".
__________________
Corina Rudel Online-Einsteigerkurs HTML/CSS | Buch: Fortgeschrittene CSS-Techniken |
|
|||
Zitat:
Beim Container ist das kein weisses Bild sondern einfach die Farbe weiss: background-color: #ffffff; Responsive web design ist ja erst richtig 2012 zum Thema geworden. Ich kann natürlich nicht erwarten das eine Shopsoftware dies schon zu 100 % umgesetzt hat. |
|
|||
Zitat:
Zitat:
Zitat:
__________________
Corina Rudel Online-Einsteigerkurs HTML/CSS | Buch: Fortgeschrittene CSS-Techniken |
|
|||
Zitat:
Was background-size betrifft, habe ich es so versucht: background-size:2000px 3554px; Ist aber das gleiche Problem. |
|
|||
Hallo
Zitat:
Dann sind fixe Größenangaben, speziell auch noch in den Größen, mehr als kontraproduktiv. Zitat:
Zitat:
Wie du aktuell merkst ist durch den "veralteten" Quelltext auch eine nachträgliche Anpassung mit unabsehbaren Folgen verbunden. So stehen z. B. viele Styleangaben direkt im Quelltext. Oder Abstände werden mit br-Elementen erzeugt. Solche Kunden wie dich wünscht sich jeder Verkäufer. Da wird sogar noch fehlerhafte Ware mit Leib und Seele verteidigt. Gruss MrMurphy |
Sponsored Links |
Themen-Optionen | |
Ansicht | |
|
|
Ähnliche Themen | ||||
Thema | Autor | Forum | Antworten | Letzter Beitrag |
Navigation wird im IE 6 und 5.5 falsch dargestellt | Safran | CSS | 3 | 14.08.2008 13:26 |
Internet Explorer stellt Layout falsch dar | phpfuchs | CSS | 2 | 14.09.2006 10:16 |
IE interpretiert Layout falsch | Vincent Vega | CSS | 1 | 05.08.2006 17:57 |
4-Block Layout: IE lässt falsch floaten | akb | CSS | 2 | 29.07.2006 22:49 |
Height 100% wird falsch dargestellt | phraid | CSS | 12 | 25.10.2004 14:15 |