Hallo
du scheinst noch nicht viele Erfahrungen mit Foren zu haben. Deshalb zunächst ein paar grundsätzliche Infos.
In der Regel wird es nicht gern gesehen wenn alte Diskussionen "geentert" werden. Für neue Anfragen sollten auch neue Themen eröffnet werden. Häufig trennen Admins solche Vermengungen wieder auf.
Auch abgetrennte Einzelberatungen sind in der Regel nicht gerne gesehen. Die Helfenden fordern keine Bezahlung, ihr "Lohn" ist aber dass ihre Antworten vielen Usern helfen können. Außerdem kann ich mich zum Beispiel nur weiter entwicklen, wenn andere User ihre Meinungen zu meinen Antworten beitragen.
Kann auch gerne meinen HTML Code per Mail oder anderweitig zusenden, wenn dies hilfreich ist - mir zu helfen.
Warum zeigst du deinen Quelltext nicht? Es kommt mir immer etwas seltsam vor, wenn Hilfswilligen Informationen vorenthalten werden, die aber im Endeffekt der ganzen Welt gezeigt werden (sollen). Du kannst ja auch nur den relevanten Teil der Webseite bei einem Freeware-Provider wie bplaced.net veröffentlichen. So muss nicht jeder Hilfswillige aus deinen Angaben seine eigene, dazu noch unvollkommene, Webseite erstellen.
Zu deinem eigentlichen Problem:
Den Link von SpiceLab ... hatte ich bereits vor Tagen im Netz gefunden.
Da hast du leider veraltete Informationen erwischt. Zu Beginn des responsive Layout waren einige Webseitenersteller der Ansicht, dass es mobile Geräte nur mit einer überschaubaren Anzahl von Auflösungen geben wird. Das hat sich aber schnell als Irrtum erwiesen. Inzwischen gibt es bereits über 250 unterschiedliche Touchscreengrößen, zu denen immer wieder neue hinzukommen.
Deshalb hat es sich als unmöglich und unsinnig erwiesen Webseiten an verschiedene Geräte anzupassen.
Als sinnvoll hat sich hingegen erwiesen, das responsive Design dem Inhalt anzupassen. Dabei wird geschaut bei welchen Fensterbreiten sich Probleme im Layout ergeben und diese dann korrigiert.
Als zweitbeste Lösung wird ein allgemeines responsives Layout erstellt und der Inhalt so eingefügt dass alles passt. Das ähnelt dem Vorgehen von Frameworks wie zum Beispiel Bootstrap. In der Regel wird dazu ein Grid-System angelegt.
Bei Ebay müssen einige Einschränkungen beachtet werden.
Als wichtigster Grundsatz gilt, dass user-eigene CSS-Angaben sich nicht auf das Ebay-Layout auswirken dürfen, also den Angaben die Ebay auf der Webseite bereitstellt. User, die das nicht beachten, werden meist ohne Diskussion oder gar Widerspruchsmöglichkeit gesperrt.
Ebay führt grade einige Verschärfungen ein, speziell für gewerbliche Anbieter. So werden Angebote mit einem responsive Layout wohl bevorzugt (weiter vorne) als solche mit einem veraltetem starren Layout in den Ergebnislisten angezeigt.
Der eigene Quelltext wird über ein iFrame eingebunden, welches mittels JavaScript mit den Angaben von Ebay verknüpft wird. So ist für die Informationen in den iFrames kein eigener head-Bereich und kein Doctype vorgesehen.
Von daher müssen CSS-Angaben in den eigenen HTML-Quelltext eingefügt werden. Entweder mit einem Link zu einer externen CSS-Datei. Das bleibt meiner Kenntnis nach zulässig und erscheint mir am sinnvollsten. Oder in einem style-Element im HTML-Quelltext. Das ist zwar nach den HTML-/CSS-Regeln so nicht vorgesehen, wird aber von den verbreiteten Browsern korrekt ausgeführt.
Mit dem bislang häufig benutzten Inline-CSS über das style-Attribut direkt in einem Element ist ein von Ebay gefordertes responsive Layout mit Media Queries nicht möglich.
Gruss
MrMurphy
