Ergebnis 1 bis 11 von 11

Thema: EUF Grid auf kleinen Bildschirmen

  1. #1
    Contao-Nutzer
    Registriert seit
    27.11.2009.
    Ort
    Bremen
    Beiträge
    169
    Partner-ID
    8258

    Standard EUF Grid auf kleinen Bildschirmen

    Ich habe Probleme mit dem EUF-Grid.

    Bis Bildschirmbreiten > 400px funktioniert alles einwandfrei, darunter passen sich die Elemente nicht mehr an die Bildschirmbreite an, d.h. der rechte Rand wird abgeschnitten. Das ist tasächlich nur bei Elementen, die sich innerhalb eines row-Elementes befinden. Elemente, die nicht mit Hilfe des Gridsystems positioniert werden, passen sich einwandfrei der Breite des Bildschirms an.

    Hat jemand eine Idee, woran es liegen könnte?

  2. #2
    Contao-Fan Avatar von Ainschy
    Registriert seit
    24.06.2009.
    Ort
    Wenden
    Beiträge
    603
    Partner-ID
    5666
    User beschenken
    Wunschliste

    Standard

    Magst du uns den Link zu der betreffenden Webseite uns mitteilen?

  3. #3
    Contao-Nutzer
    Registriert seit
    27.11.2009.
    Ort
    Bremen
    Beiträge
    169
    Partner-ID
    8258
    Geändert von Lufine (19.06.2020 um 15:39 Uhr)

  4. #4
    AG Pressearbeit
    Community-Moderator
    Buchautor 'Contao für Webdesigner'
    Avatar von planepix
    Registriert seit
    05.06.2009.
    Ort
    Stuttgart
    Beiträge
    5.820
    Partner-ID
    107
    User beschenken
    Wunschliste

    Standard

    So ich habe eben mal mit geschaut.

    Auf der Startseite verschiebt es das nach rechts - sehe ich.
    Im Code ist nur die Klasse „col-md-4” eingetragen, also fehlt hier die Klasse „col-xs-12” dann sollte das auf die volle Breite gehen.
    ---------------------------------
    Beste Grüße planepix
    Contao für Webdesigner (Website), Twitter: @contaowebdesign
    weitzeldesign
    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

    It's OpenSource. So invest with your code, your time to test and your support.

  5. #5
    Contao-Nutzer
    Registriert seit
    27.11.2009.
    Ort
    Bremen
    Beiträge
    169
    Partner-ID
    8258

    Standard

    Ich dachte, wenn ich für xs keine Klasse angebe, wird auf die Einteilung in Spalten automatisch verzichtet?

  6. #6
    Contao-Nutzer Avatar von designpilot
    Registriert seit
    16.06.2013.
    Ort
    9532 Rickenbach
    Beiträge
    216

    Standard

    Hi
    also das Video ist zu empfehlen

    https://erdmann-freunde.de/dokumenta...ngen/euf-grid/

    hab gedacht das es Sinnvoll wäre das noch zu Posten (ich hab auch gedacht das es keine Rolle spielt das die xs Klasse weggelassen wird aber dem war nicht so)


    Gesendet von iPhone mit Tapatalk Pro

  7. #7
    Contao-Nutzer
    Registriert seit
    27.11.2009.
    Ort
    Bremen
    Beiträge
    169
    Partner-ID
    8258

    Standard

    Komischerweise funktioniert das bei Bildschirmen der Größe 'sm' auch ohne explizite Angabe einer Klasse einwandfrei ...

  8. #8
    Contao-Nutzer Avatar von designpilot
    Registriert seit
    16.06.2013.
    Ort
    9532 Rickenbach
    Beiträge
    216

    Standard

    Zitat Zitat von Lufine Beitrag anzeigen
    Komischerweise funktioniert das bei Bildschirmen der Größe 'sm' auch ohne explizite Angabe einer Klasse einwandfrei ...
    Also ich verwende nur die Klassen vom EUF Grid, da kann man nix falsch machen und seit die Version 3 draussen ist, ist es noch einfacher die Elemente zu positionieren (kann mich auch täuschen)


    Gesendet von iPhone mit Tapatalk Pro

  9. #9
    Contao-Nutzer
    Registriert seit
    27.11.2009.
    Ort
    Bremen
    Beiträge
    169
    Partner-ID
    8258

    Standard

    Ja, ich benutze auch ausschließlich EUF-Klassen. Diese allerdings nur, wenn ich auch wirklich eine Spaltenaufteilung möchte. Und das ist in diesem Fall nur ab der Größe 'md' so. Und wie gesagt: bei 'sm' funktioniert es ja auch ohne Angabe einer Klasse

  10. #10
    Contao-Nutzer
    Registriert seit
    27.11.2009.
    Ort
    Bremen
    Beiträge
    169
    Partner-ID
    8258

    Standard

    Ich habe mir gerade nochmal das Video angeguckt: hört sich für mich so an, als ob auch dort der Ansatz 'mobile first' gilt, d.h. wenn ich col-md-4 für ein Element vergebe, gilt das erst ab mittleren Bildschirmgrößen. Alles darunter ist automatisch 12 Spalten breit. Auch im Video werden die kleinen Bildschirmbreiten, in denen die Inhalte über 12 Spalten gehen sollen, nicht explizit angesprochen. Im Video ist das ab ca. 8:20 zusehen: https://youtu.be/9TyaH7TKcOk

  11. #11
    Contao-Nutzer
    Registriert seit
    27.11.2009.
    Ort
    Bremen
    Beiträge
    169
    Partner-ID
    8258

    Standard

    Ich habe es jetzt so gelöst:

    Code:
    @include media-query(screen-xs-max) {
    	.row {
    		grid-gap: 0;
    	}
    }
    Dann muss ich nicht jedes einzelne Element mit der Klasse col-xs-12 versehen ...

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
  •