Probleme mit Responsive Grid-System

Hallo,

ich bin nun auch auf Contao 3 umgestiegen und muss sagen das man merkt das bei Contao die Uhren nicht still stehen!

Ich baue derzeit eine Website mit dem Responsive Grid auf und stoße gerade auf folgendes Problem:

Ich möchte gerne im Container drei gleichgroße Spalten/Boxen erstellen und habe dafür drei Artikel mit der Klasse "grid4" versehen - nur leider wird die dritte Box dann umgebrochen und somit unter der ersten Box angezeigt. Wenn ich jedoch die weiten und abstände zusammenzähle komme ich auf genau 960px. Gleiches Problem auch wenn ich zwei Artikel mit grid6 anlege -auch hier werden die Artikel dann nicht nebeneinander sondern untereinander dargestellt.

Kann mir einer von euch weiterhelfen, habe ich am System etwas falsch verstanden?

Hallo,
Es kann sein, dass es irgendwo noch Innen- oder Außenabstand definiert ist. Denn jede der Grid-Boxen hat einen Außenabstand mit 10 px. Ich würde schauen, ob entweder der Container oder die anderen Boxen da noch etwas solches haben. Ist es verständlich?

Liebe Grüße. Jan

Wenn paddings gesetzt werden: eigener Code

-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;

Hallo, ich habe keinerlei Abstände definiert. Weder im wrapper noch im Container oder Main. Ich habe es gerade mal in der Demo auf der contao Seite testweise probiert und auch dort kommt es zu einem Umbruch...

Arbeitest du mit oder ohne Layout Builder?

Ohne Layout Builder

Und bei der Demo hast du dem Layout Builder ausgeschaltet oder nur die Spalten? denn der hat eine geringere Breite als 960 eingestellt.
Ansonsten habe ich das nur mit einem 1120er Pixel Grid getestet, was auf dem 960er von Contao basiert, da gibt es keine Probleme.

In der Demo war der Builder auch deaktiviert

ich muss den Wrapper in der Responsive CSS um genau 5 px, also auf 965 px erweitern damit die Darstellung in einer Zeile erfolgt.