Contao-Camp 2024
Ergebnis 1 bis 16 von 16

Thema: Moblle Ansicht und interne CSS

  1. #1
    Contao-Nutzer
    Registriert seit
    25.06.2010.
    Beiträge
    84

    Standard Moblle Ansicht und interne CSS

    Hey ich hab mal eine ganz kurze Frage. Vielleicht hab ich auch einfach nur etwas übersehen.

    Normal kann ich doch in ein Seitenlayout das interne CSS übernehmen. Ganz klassisch!!

    Muss ich, wenn ich dies für eine mobile Version erstelle, irgendwas besonderes beachten, das das interne CSS verwendet wird?

    Ich hab jetzt schon versucht, über den <head> Bereich das Stylesheets direkt einzubinden, aber mir wird einfach nichts angezeigt.

    Mir werden zwar meine gesamten ID´s, Klassen und IMG angezeigt, aber mir fehlt halt einfach die Formatierung dazu!

    Wie gesagt, muss man da irgendwas beachten? Eigentlich sollte das doch absolut kein Problem sein

    Liebe Grüsse

  2. #2
    AG Pressearbeit
    Community-Moderator
    Buchautor 'Contao für Webdesigner'
    Avatar von planepix
    Registriert seit
    05.06.2009.
    Ort
    Stuttgart
    Beiträge
    6.464
    Partner-ID
    107
    Contao-Projekt unterstützen

    Support Contao

    Standard

    Wo ist das Mediaquery definiert? Auch im internen Stylesheet?
    ---------------------------------
    Beste Grüße planepix
    Contao für Webdesigner (Website), Twitter: @contaowebdesign
    weitzeldesign
    Contao-Sprechstunde
    Contao Schulungen: https://www.weitzeldesign.com/cms-co...chulungen.html
    Contao Jahrbuch: www.contao-jahrbuch.de
    Contao Agenturtag: www.contao-agenturtag.de
    Contao Stammtisch Stuttgart: www.contao-stammtisch-stuttgart.de
    Contao 4 Erfahrungen als Gitbook: https://app.gitbook.com/@planepix/s/...-mit-contao-4/
    Contao 4 & Manager Hosterhinweise: https://github.com/contao/contao-manager/wiki

    Schon wieder ein Update?
    Glücklich sind die, die den Wert erkennen – und wertschätzen.
    „Muss man machen wie beim Zahnarzt. Der bestraft einen auch mit hohen Rechnungen wenn man die Pflege vernachlässigt.”

  3. #3
    Contao-Nutzer
    Registriert seit
    25.06.2010.
    Beiträge
    84

    Standard

    Genau!!

    Mediatyp: Screen
    (min-device-width: 768px) and (max-device-width: 1024px) and (orientation : portrait)

    und im Viewport:
    width=device-width, initial-scale=1.0, user-scalable=no

    Dank dir für deine Hilfe bzw. fürs lesen!

    Gruss

  4. #4
    Wandelndes Contao-Lexikon Avatar von tab
    Registriert seit
    22.10.2013.
    Beiträge
    10.060
    Contao-Projekt unterstützen

    Support Contao

    Standard

    Wie testest du das? Deine media-queries mit min-device-width und max-device-width ändern sich ja z.B. beim Vergrößern/Verkleinern des Browserfensters nicht. Ich benutze eigentlich immer max-width/min-width.

  5. #5
    Contao-Nutzer
    Registriert seit
    25.06.2010.
    Beiträge
    84

    Standard

    Ich teste das direkt am Endgerät auf einem iPhone 5 / 7 - aber später dann auch sicher mit anderen Programmen. Aber grundlegend gehts mir erstmal darum, das meine CSS überhaupt erkannt wird.

  6. #6
    Wandelndes Contao-Lexikon Avatar von tab
    Registriert seit
    22.10.2013.
    Beiträge
    10.060
    Contao-Projekt unterstützen

    Support Contao

    Standard

    Nuja, soweit ich weiss liegen diese iPhones nicht im Bereich 768-1024px für device-width.

  7. #7
    AG Pressearbeit
    Community-Moderator
    Buchautor 'Contao für Webdesigner'
    Avatar von planepix
    Registriert seit
    05.06.2009.
    Ort
    Stuttgart
    Beiträge
    6.464
    Partner-ID
    107
    Contao-Projekt unterstützen

    Support Contao

    Standard

    Kannst du einen Link teilen, damit man das mal live ansehen kann?
    ---------------------------------
    Beste Grüße planepix
    Contao für Webdesigner (Website), Twitter: @contaowebdesign
    weitzeldesign
    Contao-Sprechstunde
    Contao Schulungen: https://www.weitzeldesign.com/cms-co...chulungen.html
    Contao Jahrbuch: www.contao-jahrbuch.de
    Contao Agenturtag: www.contao-agenturtag.de
    Contao Stammtisch Stuttgart: www.contao-stammtisch-stuttgart.de
    Contao 4 Erfahrungen als Gitbook: https://app.gitbook.com/@planepix/s/...-mit-contao-4/
    Contao 4 & Manager Hosterhinweise: https://github.com/contao/contao-manager/wiki

    Schon wieder ein Update?
    Glücklich sind die, die den Wert erkennen – und wertschätzen.
    „Muss man machen wie beim Zahnarzt. Der bestraft einen auch mit hohen Rechnungen wenn man die Pflege vernachlässigt.”

  8. #8
    Contao-Nutzer
    Registriert seit
    25.06.2010.
    Beiträge
    84

    Standard

    Zitat Zitat von planepix Beitrag anzeigen
    Kannst du einen Link teilen, damit man das mal live ansehen kann?
    Natürlich, die mobile Version ist noch online einzusehen: www.wechselstrommusic.de

    Muss dann halt einfach das dementsprechende Endgerät genutzt werden

  9. #9
    Contao-Fan Avatar von fusch
    Registriert seit
    25.03.2012.
    Ort
    München
    Beiträge
    498
    Contao-Projekt unterstützen

    Support Contao

    Standard

    Hallo dot,

    nur eine Randbemerkung: user-scalable=no finde ich (als nicht so ganz gut sehender Mensch) eine ziemliche Zumutung. Ich finde schon, dass es dem Anwender überlassen sein sollte, ob man etwas vergrößert. Seiten, wo ich das nicht kann, verlieren mich ganz schnell als Leserin

    Viele Grüße
    Hella
    Mitglied des Contao User Treffen München
    Aktuelle Termine erfährst Du immer unter www.contao-bayern.de
    Komm' doch mal vorbei!

  10. #10
    Contao-Nutzer
    Registriert seit
    25.06.2010.
    Beiträge
    84

    Standard

    Zitat Zitat von fusch Beitrag anzeigen
    Hallo dot,

    nur eine Randbemerkung: user-scalable=no finde ich (als nicht so ganz gut sehender Mensch) eine ziemliche Zumutung. Ich finde schon, dass es dem Anwender überlassen sein sollte, ob man etwas vergrößert. Seiten, wo ich das nicht kann, verlieren mich ganz schnell als Leserin

    Viele Grüße
    Hella
    Hey Hella,

    dank dir für das Feedback und den expliziten Hinweis. Finde ich als Ansatz sehr gut und werde ich sicher nochmal mit einfliessen lassen.

    Normalerweise sollte es nur die eine Seite geben, das unsere Hörer von dort aus, auf die dementsprechenden Streamingportale kommen und mehr nicht.

    Aber ich weis schon was du meinst und würde es eventuell in betracht ziehen.

    Dank dir und liebe Grüsse

    Sascha

  11. #11
    Contao-Nutzer
    Registriert seit
    25.06.2010.
    Beiträge
    84

    Standard

    Zitat Zitat von planepix Beitrag anzeigen
    Kannst du einen Link teilen, damit man das mal live ansehen kann?
    Kurze Anmerkung: Wenn ich die Media-Querys in die Style-Sheet Einstellung schreibe, nimmt er mir meine CSS raus. Wenn ich`s aber direkt in die CSS Schreibe, bleibt alles drin.

    Kann mir das jemand erklären, bitte?

    Danke

    screen.png

  12. #12
    Wandelndes Contao-Lexikon Avatar von tab
    Registriert seit
    22.10.2013.
    Beiträge
    10.060
    Contao-Projekt unterstützen

    Support Contao

    Standard

    Wie schreibst du das bei internem CSS direkt ins CSS

  13. #13
    Community-Moderatorin & Contao-Urgestein Avatar von mlweb
    Registriert seit
    10.07.2011.
    Beiträge
    6.715
    Contao-Projekt unterstützen

    Support Contao

    Standard

    Ich habe auch noch nicht so genau verstanden was Du genau wohin geschrieben hast. Mit einem Link direkt zum Problem wird häufig vieles klarer.

    Nebenbei aber mal die Anregung vileicht besser externes CSS zu verwenden. Der interne css-Editor wird m.E. schon seit Jahren nicht mehr weiter entwickelt. Ist eher ein Relikt aus alter Zeit.
    Ich habe Dir mit meinen Hinweisen geholfen und Du möchtest Dich bedanken?
    Unterstütze bitte das Contao-Projekt (Button Links)
    Weitere Spendenmöglichkeiten
    ------------------------------------------------------------------------------------------------------
    Contao-Dokumentation: Contao-Handbuch und Contao-Entwickler-Doku
    Contao-Online-Video-Kurse: Contao Academy
    Funktionalität erweitern: Contao-Erweiterungen

    Für Dinge die man mit html5 und css3 lösen kann, braucht man kein javascript.




  14. #14
    Contao-Nutzer
    Registriert seit
    25.06.2010.
    Beiträge
    84

    Standard

    Zitat Zitat von tab Beitrag anzeigen
    Wie schreibst du das bei internem CSS direkt ins CSS
    Hey Tab interpretiere ich das richtig, das du meinst wie ich das in <HEAD> Bereich schreibe?

    Über ... Zusätzliche <head>-Tags hinzufügen als <style type="text/css">ID`s, Class, etc.</style>

    und dann halt die einzelnen DIV´s ausformuliert. Hat aber nicht funktioniert.

    Aber ich habe es jetzt hinbekommen.

    Die Lösung dafür war das ich alles aus den Media-Querys rausgelöscht habe und plötzlich war mein Zugang zu der CSS da.

    In den Media-Querys stand vorher nur, was ich vorher schonmal in einem Beitrag erwähnt hatte.

    Ich weis, komisch, ist aber tatsächlich so.

    Mobile Version funktioniert jetzt. Muss zwar noch optimiert werden, aber es ist auf einem guten Weg. Link zum anschauen steht ja oben, wer Interesse daran hat.

  15. #15
    Contao-Nutzer
    Registriert seit
    25.06.2010.
    Beiträge
    84

    Standard

    Zitat Zitat von mlweb Beitrag anzeigen
    Ich habe auch noch nicht so genau verstanden was Du genau wohin geschrieben hast. Mit einem Link direkt zum Problem wird häufig vieles klarer.

    Nebenbei aber mal die Anregung vileicht besser externes CSS zu verwenden. Der interne css-Editor wird m.E. schon seit Jahren nicht mehr weiter entwickelt. Ist eher ein Relikt aus alter Zeit.
    Wie schon gesagt, das Problem lag wohl eher irgendwo an meinen Media-Query Einträgen, das ich in der Ausformulierung irgendwie falsch lag.

    Aber das mit den externen CSS würde mich noch sehr interessieren. Kannst du mir dazu ein näheres Bsp. geben??

    Dankeschön mal an dieser Stelle an alle, die sich dem Thema und meiner Problematik gewidmet haben.

    MERCI

  16. #16
    AG Pressearbeit
    Community-Moderator
    Buchautor 'Contao für Webdesigner'
    Avatar von planepix
    Registriert seit
    05.06.2009.
    Ort
    Stuttgart
    Beiträge
    6.464
    Partner-ID
    107
    Contao-Projekt unterstützen

    Support Contao

    Standard

    Externes CSS ist dann ein CSS-Datei unter /files, welches du dann auch in der Dateiverwaltung direkt editieren kannst oder mit einem externen Editor.

    Und dann bindest du diese externe CSS-Datei über das Seitenlayout ein.
    ---------------------------------
    Beste Grüße planepix
    Contao für Webdesigner (Website), Twitter: @contaowebdesign
    weitzeldesign
    Contao-Sprechstunde
    Contao Schulungen: https://www.weitzeldesign.com/cms-co...chulungen.html
    Contao Jahrbuch: www.contao-jahrbuch.de
    Contao Agenturtag: www.contao-agenturtag.de
    Contao Stammtisch Stuttgart: www.contao-stammtisch-stuttgart.de
    Contao 4 Erfahrungen als Gitbook: https://app.gitbook.com/@planepix/s/...-mit-contao-4/
    Contao 4 & Manager Hosterhinweise: https://github.com/contao/contao-manager/wiki

    Schon wieder ein Update?
    Glücklich sind die, die den Wert erkennen – und wertschätzen.
    „Muss man machen wie beim Zahnarzt. Der bestraft einen auch mit hohen Rechnungen wenn man die Pflege vernachlässigt.”

Aktive Benutzer

Aktive Benutzer

Aktive Benutzer in diesem Thema: 1 (Registrierte Benutzer: 0, Gäste: 1)

Lesezeichen

Lesezeichen

Berechtigungen

  • Neue Themen erstellen: Nein
  • Themen beantworten: Nein
  • Anhänge hochladen: Nein
  • Beiträge bearbeiten: Nein
  •