3 Newsboxen auf gleiche Höhe strecken
Posted: Mon 29. May 2023, 18:08
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:
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
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. */
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