CSS - Div aus dem Ankern lösen

[Rolf B]

Hallo Lowterm,

Funktioneirt bei mir aber nur unetr Chrome.

Gunnar hat nested selectors verwendet. Welcher Browser genau (incl. Version!) verhält sich nicht wie erwartet? Die Unterstützung von & in nativem CSS ist relativ neu.

Um das div-Element befinden sich leider weitere Element, die alle aufgrund des Designs eine feste Größe haben.

Dann sollte das div-Element mit position:absolute aus dem normalen Flow herausgenommen werden (was hoffentlich das Layout drumherum nicht kollabieren lässt). Wenn Du dem div dann width:90vh und left:5vh gibst, hat es danach 90% der Fensterbreite und ist horizontal zentriert. Wenn Du die top-Eigenschaft nicht setzt, sollte es sich vertikal nicht verschieben. Destruktiv könnte höchstens eine position:relative-Angabe weiter oben im DOM-Tree wirken, die den Bezugspunkt für left verschiebt, das musst Du dann ggf. nachjustieren.

Ich bin aber immer wieder überrascht, wie freundlich alle hier sind!

Wir sind immer wieder überrascht, mit wie wenig Informationen wir komplexe Probleme lösen sollen. Das kann dann zu Genervtheit führen. Deine „Vertipperflut“ nervt ebenfalls. Das sind Dreher, fehlende Buchstaben und "eins daneben" Fehler, das ist keine Rechtschreibschwäche, sondern blindes, unüberprüftes Draufloshacken. Wenn Du keine Zeit für deine Beiträge hast, haben wir auch keine Zeit, deine Bedürfnisse zu erraten.

Rolf