Problem mit Layout-Spalte

[k1Turbo]

Hallo zusammen,

ich habe ein Problem mit einer Layout-Spalte rechts.
Ich stelle im Seitenlayout als breite für die rechte Spalte 25% oder 30% Breite ein, und die Spalte reicht je nach Fensterbreite nicht bis an den wrapper oder darüber hinaus.
#main und #right haben über CSS keine Änderungen bekommen, bis auf ein margin-left für die Spalte.

1.jpg
Bildschirmfoto 2018-03-19 um 21.38.33.png

Über margin-right:0 verschwindet die rechte Spalte ganz nach unten. Wo liegt der Fehler?

[tab]

Die Spalten funktionieren mit prozentualen Breiten nicht richtig. Auch wenn den Spalten wie vorgesehen Breiten in Pixeln zugewiesen werden, darf man ihnen keine Margins, Paddings, Borders zuweisen. Wenn das benötigt wird, muss das den entsprechen "Inside-Divs" zugewiesen werden. Also nicht

#right {
  margin-left: 10px;
}

sondern

#right .inside {
  margin-left: 10px;
}

[k1Turbo]

Vielen Dank für deine Antwort. Jetzt wo ich es sehe ist es mir auch klar
sonst wäre die Spalte ja 30% breit + den Abstand.

Aber leider funktioniert es trotz Änderung immer noch nicht.

[mlweb]

Link zur Seite?

[k1Turbo]

Hier z.B. http://beta.marco-winzer.de/coaching

[tab]

Wie bereits geschrieben, das funktioniert mit dem Laoutbuilder eben nicht richtig. Der kann nur Seitenspalten mit Breite in Pixeln. Das Problem liegt darin, dass für deine Seitenspalte im Container ein padding-right angelegt wird, das eigentlich der Breite deiner Seitenspalte entsprechen sollte. Das passt aber nicht, wenn der #container ein padding von 24% hat und deine Seitenspalte eine Breite von 24%, weil diese Prozentwerte nicht aus der selben Breite berechnet werden. Das Padding des #container wird aus der Breite des #wrapper berechnet, die Breite deiner Seitenspalte aus der des #container.

[k1Turbo]

Wie bereits geschrieben, das funktioniert mit dem Laoutbuilder eben nicht richtig. Der kann nur Seitenspalten mit Breite in Pixeln. Das Problem liegt darin, dass für deine Seitenspalte im Container ein padding-right angelegt wird, das eigentlich der Breite deiner Seitenspalte entsprechen sollte. Das passt aber nicht, wenn der #container ein padding von 24% hat und deine Seitenspalte eine Breite von 24%, weil diese Prozentwerte nicht aus der selben Breite berechnet werden. Das Padding des #container wird aus der Breite des #wrapper berechnet, die Breite deiner Seitenspalte aus der des #container.

Ich habe jetzt erst den Text über den Code Boxen deiner Antwort gesehen. Aber mit deiner Erklärung ist mir das Verhalten jetzt auch klar. Habe die Breite jetzt in px angegeben und es funktioniert.

Vielen Dank.