CSS-Boxen zentrieren

[beatovich]

hallo

ich habe eine CSS-Box-Konstruktion mit mehreren etwas verschachtelten Containern:

https://berxlin.de/test.html

Nun möchte ich aber, dass das alles nicht links am Rand klebt, sondern komplett mittig ausgerichtet wird.

absolut positionierte Boxen werden relativ zur nächst höheren nicht statisch positionierten parent box positioniert.

Du suchst also nach position:relative für deine hellblaue box.

btw: schliess dein Layout schon mal in eine Regel ein:

@media screen and(min-width:40em){
  /* dein layout für breite Viewports hier*/
} 

Grund: Mobiles werden mit deinem Layout nicht klar kommen, und du musst dir da was anderes überlegen.