Hey,
ich habe in einem Shop ein paar Seiten bei dem zu wenig Inhalt im Main Bereich ist. Aufgrund dessen wird z.B. wenn keine Ware im Warenkorb ist, die Seite nur zur Hälften Höhe angezeigt und der Rest bleibt weiß, und wenn mehrere Produkte im Warenkorb drin sind wird die Höhe des Main Bereiches größer.
Wie kann ich nun dynamisch die Höhe des Main-Bereiches so festlegen, dass diese den vollen Screen nutzt und bei Produkte dynmaisch mit geht.
Ich habe es schon mit vh, %, und em getestet aber hat nicht so gut funktioniert. Die Höhe bleibt entweder so wie diese ist oder ist eben so statisch, dass wenn Produkte hinzukommen der Footer nicht dyamisch mitgeht sondern stehen bleibt und die Produkte in den Footer reinragen.
Hat jemand eine Idee wie ich dies dynamisch und responsive erledigen kann?
Anbei ist ein Bild.
Schöne Grüße