Gunther: Body zentrieren und gleichzeitig Elemente danach ausrichten?

Beitrag lesen

Hallo Mike!

Jedenfalls tun sich mir noch drei Fragen auf:

1)Das bedeutet, ich weise dem Body relative zu und kann dann jedes Kind-Element mit absolute nach dem Body ausrichten und aus dem Textfluss nehmen(Feststellung und Frage! gg)

Ja, aber das solltest du_auf_keinen_Fall_tun!!!
Es ist einer der elementarsten Vorteile, dass Browser Elemente im "normalen Fluss" eben "automatisch" anordnen. Alle deine Probleme rühren doch genau daher, dass du die Elemente aus dem Fluss nimmst. Also lass' es!

  1. Kann ich dann Elemente auch Einfügen, ohne das Sie andere Elemente verschieben, wenn Sie ja mit absolute aus dem Textfluss genommen sind?

Absolut positionierte Elemente richten sich nur nach ihrem ersten Elternelement, welches einen anderen Wert als 'static' für seine Position-Eigenschaft hat. Damit kann man dann auch hervorragend Elemente übereinander platzieren oder außerhalb des Viewports!

2)Zu Gunthers Ansatz: Wenn ich width auf 100% setze, zieht er die Seite immer so breit wie der viewport ist.(Gefällt mir gut aber,..) Was passiert allerdings wenn ich zig Elemente im Body ausgerichtet habe und ich verändere die Größe der Seite. Dann verschieben sich die ja alle in relation zum Body mit, und damit übereinander(im Falle eine Viewport-Verkleinerung). Weil das width der Elemente ja nicht automatisch angepasst wird, wie kann ich das Problem lösen?

Ja, indem du die Elemente nicht absolut positionierst!
Bitte mach' dich mit Materie vertraut. Bevor das Positionierungs-Schema nicht verstanden hast, wirst du kein "ordentliches" Layout zustande bringen. Absolute Positionierung ist keine Option dafür!

Außerdem habe ich mit Gunther CSS-Code jetzt ununterbrochen Scollbalken horizontal und vertikal obwohl ich Margin auf 0px gesetzt habe?

Das hat sich ja bereits geklärt.

Und bitte kein TOFU. Zitiere nicht den kompletten Beitrag, sondern nur die wirklich relevanten Teile davon - danke!

Gruß Gunther