Ankündigung

Einklappen
Keine Ankündigung bisher.

Problem mit Autogrid Wrapper

Einklappen
X
 
  • Filter
  • Zeit
  • Anzeigen
Alles löschen
neue Beiträge

  • Problem mit Autogrid Wrapper

    Hallo Zusammen,

    ich habe auf einer Seite ein Inhaltselemet AutoGrid Wrapper (AutoGrid-Start)(AutoGrid-End) mit Breite 3/4.
    Als folgendes Inhaltselement habe ich ein Bild mit Breite 1/4.

    Ich hatte erwartet, dass das Bild neben dem Inhalt des AutoGrid Wrapper erscheint, leider ist das nicht so.

    Der AutoGrid Wrapper wird im Quellcode von einem zusätzlichen <div> umschlossen:
    Code:
    <div class="autogrid_wrapper cte block">
    Link zur Seite

    Hat da jemand einen Tipp für mich?

    Gruß
    tschero
    https://www.webdesign24.biz

  • #2
    Kleiner Nachtrag,

    lösen kann man das Problem indem man das folgende Bild ebenfalls in einen AutoGrid Wrapper reinpackt.
    Das würde aber bedeuten, dass Inhaltselemente welche das Grid System benutzen und der AutoGrid Wrapper nicht richtig zusammenarbeiten.

    Sehe ich das richtig oder hab ich das etwas übersehen?

    Gruß
    tschero
    https://www.webdesign24.biz

    Kommentar


    • #3
      Das ist alles gut und richtig, wie es ist. Auch richtig gelöst.
      Ein AG Wrapper gehört um Elemente, die zusammen im Grid sind. AG Wrapper schließen immer mit einem div clear und löst optisch mit negativen Margins das Padding des Grids auf. Diese Art Grid nennt sich Block Grid und wird z.B. auch von Foundation benutzt.

      Das ist kein Fehler sondern wichtig, wie es ist. Sonst würden floats falsch auflösen zu Elementen unterhalb des Grids.

      Korrekt, man nutzt dann zwei Wrapper. Dieser Aufbau findet sich z.B. auch hier im Banner Bereich: http://preview2.premium-contao-theme.../home-345.html

      Alternative ist der klassische, manuelle Weg.

      <div class="autogrid three_fourth block">
      ...
      </div>
      Normales Element mit normalen AG

      Zuletzt geändert von Tim; 10.06.2017, 15:08.
      http://www.premium-contao-themes.com

      Kommentar


      • #4
        Ah OK,

        besten Dank für die Info.

        Gruß
        tschero
        https://www.webdesign24.biz

        Kommentar

        Lädt...
        X