Contao Tipps

Eine Seite zurück
Reset Filterauswahl

2 Spalten im Main-Bereich

Auf der Suche wie man im Main-Bereich 2 Artikel nebeneinander setzen kann, fand ich diesen Forumbeitrag:

Um innerhalb der Main-Spalte den Inhalt zweispaltig darzustellen, braucht man nicht unbedingt eigene Layoutbereiche, es geht auch nur durch die Verwendung von CSS.
Man muss nur die Möglichkeit nutzen, den einzelnen Content-Elementen eines Artikels eine eigene Klasse zuzuordnen. 

Text 1 --------------------- ganze Breite

Text 2 ---------- links  .article_left      Text  3 ------------------rechts .article.right

Text 4 --------------------- ganze Breite .article_normal

Für obiges Beispiel hier noch der CSS Quellcode.

.article_left
{
  float:left;
  width: 220px;
  margin:10px 20px 10px 0px;
  border: 1px solid #cccccc;
  padding:5px;
  background-color:#efefef;
}

.article_right
{
  float:left;
  width: 220px;
  margin:10px 20px 10px 0px;
  border: 1px solid #cccccc;
  padding:2px;
  padding:5px;
  background-color:#efefef;
}

.article_normal
{
  clear:left;
  border: 1px solid #cccccc;
  padding:5px;
  background-color:#efefef;
}

Für mehr Flexibilität gibt es die Erweiterung "subcolumns" im ER.