3 Newsboxen auf gleiche Höhe strecken

Designvorlagen
Post Reply
Gonzo Gates
Posts: 185
Joined: Thu 19. Jan 2023, 21:46

3 Newsboxen auf gleiche Höhe strecken

Post by Gonzo Gates »

Hallo Gemeinde,

mein Problem war, dass die unten befindlichen 3 NewsBoxen (NB) bei unteschiedlichem Inhalt nicht gleich hoch sind (Template: fraktur_fullscreen3nb)

In der 'stylesheet.css' habe ich folgende Änderungen vorgenommen:

Code: Select all

.tplge_newsBox {display: flex; flex-wrap: wrap; width: 300px; float: left; font-size: 20px; line-height: 1.2em; padding: 0; margin: 0;} /* DOR: 'display: flex;' hinzugefuegt, damit in '@media (max-width: 2150px)' das Property 'align-items: stretch;' sich auf die 'Newsboxen' auswirkt, damit sie sich gleichmaessig in der Hoehe anpassen. */
Ist bestimmt nicht perfekt, aber die NB haben, unabhängig vom Inhalt, die gleiche Höhe. Da beim Zusammenschieben des Browsers in der Breite ab 550px die NB unterschiedliche Breiten haben und bei weiterem Zusammenschieben die rechte NB rechts aus dem Browserfenster verschwindet, finde ich unkuul. OK, meine Site ist sowieso nur auf min. 1280px ausgelegt, aber trotzdem...

Noch mehr mit 'Property: wrap;' habe ich nicht gefunden, damit die NB irgenwann umbrechen und untereinander erscheinen. Ich weiß auch nicht, wie ich mit 'align-items:' weiter verfahren könnte. Versuch mir 'wrap'-Zuweisung sind in die Hose gegangen. Dann war 'strech' wieder weg. Ein ewiger Kreislauf!

Irgendwelche Ideen?

Gruß
Gonzo
Ich kenne keinen Sysadmin oder Programmierer, der sich noch nie ins Knie geschossen hat :!:
Gert
Posts: 2075
Joined: Sun 18. Nov 2012, 14:18

Re: 3 Newsboxen auf gleiche Höhe strecken

Post by Gert »

Hallo Gonzo,

für .tplge_newsBox reicht ein vorangestelltes display: flex; - das flex-wrap: wrap; ist unnötig.

Wichtig ist das Elternelement, reicht beim ersten Auftritt (von oben):

Code: Select all

.tplge_newsAreaIn {display: flex; flex-wrap: wrap; width: 900px; padding: 0; margin: 25px auto 25px 0;}
https://www.ge-webdesign.de/demotpl/?Te ... _Newsboxen

Gert
Gert Ebersbach | CMSimple | Templates - Plugins - Services
Gonzo Gates
Posts: 185
Joined: Thu 19. Jan 2023, 21:46

Re: 3 Newsboxen auf gleiche Höhe strecken

Post by Gonzo Gates »

Heißen Dank Gert,

genauso hatte ich es mir gedacht.

Jetzt muss ich doch nicht doof sterben...

Übrigens gibt es einen Arzt auf Zingst - https://arzt-zingst.jimdofree.com/ - der bestimmt noch Termine frei hat :-D

Mine Heimat (Martha Müller-Grählert ~ 1908) - https://www.ostsee.de/fischland-darss-z ... ellen.html

Gruß
Gonzo
Ich kenne keinen Sysadmin oder Programmierer, der sich noch nie ins Knie geschossen hat :!:
Post Reply