search

FriendsOfREDAXO / demo_community

Demonstriert eine Community-Website auf Basis von REDAXO 5.
MIT License
39 stars 4 forks source link

Gleiche Höhe für Teaserboxen #5

Closed polarpixel closed 1 year ago

polarpixel commented 8 years ago

auch bei unterschiedlich viel Content die Boxen auf identische Höhe setzen

DavidBruchmann commented 7 years ago

https://github.com/liabru/jquery-match-height

staabm commented 7 years ago

-> cssgrid bitte!

schuer commented 7 years ago

Oder erstmal Flexbox, das wird auch noch von etwas älteren Browsern supportet. Aber bitte keine JS-Lösung.

skerbis commented 7 years ago

@DavidBruchmann das Skript ist nett, nur wenn es mal ein paar mehr Objekte werden als sagen wir mal 9 (meine Erfahrung) gibt es seltsame Ladeeffekte.

polarpixel commented 7 years ago

@skerbis Echt? Ich hatte vor, genau das einzusetzen, habe es in etlichen Projekten in Verwendung und keine Probleme damit. Aber vermutlich bin ich unter Deinem Limit von 9. CSS ist aber auch gut, ich nehme Eure Anregung auf.

skerbis commented 7 years ago

Na ja, ist halt davon abhängig wie komplex der Rest des Designs ist. Da kommt es schon mal in's stolpern.

schuer commented 7 years ago

JS-Lösungen müssen abwarten, bis sämtlicher Content innerhalb der Boxen vollständig geladen und richtig gerendert wurde, um die Höhe zu messen. Das ist nicht ganz trivial. Hinzu kommt, dass bei dynamischen Anpassungen des Contents das Script erneut messen muss, ebenso bei Veränderungen des Viewports, falls sich dabei das Layout ändert.

Deshalb sind CSS-basierte Lösungen deutlich robuster und effizienter, denn sie überlassen das Rendering komplett dem Browser.

alxndr-w commented 7 years ago

@schuer das kannst du pauschal nicht so sagen. Wenn du anfängst, Elemente noch zusätzlich zu animieren per jquery bspw, dann kann flexbox den Browser ganz schön in die Knie zwingen.

im Allgemeinen stimmt's.

DavidBruchmann commented 7 years ago

CSS ist meistens besser, keine Einwände,

schuer commented 1 year ago

6 Jahre später: Ich denke, wir sollten hier mal schließen. Falls jemand aber weiterhin Bedarf sieht, gerne wieder öffnen!