Absolute Positionierung!
Verfasst: Fr 10. Nov 2023, 10:44
Hier mal was Wissenswertes, was mir bis gerade neu war.
Wenn ich irgendwas absolut positioniere, so ist die Referenz der umgebende Container, darauf bezieht sich die absolute Position.
Ist aber irgendwie eine dumme Sache, wenn durch responsives Umstrukturieren Spalten zu Zeilen werden und das absolut positionierte Dingsbums dann an falscher Stelle steht.
Will ich z.B., dass ein absolutes Teil immer über einem Bild liegt, auch nach responsiver Umstellung, so kann man dem Imagewrapper (den es in Mobi fast immer gibt) die zu Klasse CONTAINER zusätzlich geben. Dann bezieht sich die Position immer auf das Bild.
Schlecht zu erklären, habe aber recht lange dran gesucht.
Also hier ein Beispiel:
https://kaiser-koenig-umzug.de/
Die Google-Bewertung soll immer über dem Bild der beiden Jungs mit Karton sein.
Bewertung und die Jungs sind in einem Container, und die Anordnung bleibt auch nach Spalten->Zeilen auf dem Handy bestehen.
Vorher war die Google-Bewertung über dem Fuß-Button, weil halt absolut in Bezug auf den Gesamtcontainer der Section positioniert.
Tommy: findest Du einfachere Worte?
Wenn ich irgendwas absolut positioniere, so ist die Referenz der umgebende Container, darauf bezieht sich die absolute Position.
Ist aber irgendwie eine dumme Sache, wenn durch responsives Umstrukturieren Spalten zu Zeilen werden und das absolut positionierte Dingsbums dann an falscher Stelle steht.
Will ich z.B., dass ein absolutes Teil immer über einem Bild liegt, auch nach responsiver Umstellung, so kann man dem Imagewrapper (den es in Mobi fast immer gibt) die zu Klasse CONTAINER zusätzlich geben. Dann bezieht sich die Position immer auf das Bild.
Schlecht zu erklären, habe aber recht lange dran gesucht.
Also hier ein Beispiel:
https://kaiser-koenig-umzug.de/
Die Google-Bewertung soll immer über dem Bild der beiden Jungs mit Karton sein.
Bewertung und die Jungs sind in einem Container, und die Anordnung bleibt auch nach Spalten->Zeilen auf dem Handy bestehen.
Vorher war die Google-Bewertung über dem Fuß-Button, weil halt absolut in Bezug auf den Gesamtcontainer der Section positioniert.
Tommy: findest Du einfachere Worte?