Footer Darstellungsfehler beim Handy Samsung S20 +

Sempervivum

Erfahrenes Mitglied
Wenn ich zusätzlich ein div mit Breite 50% einfüge funktioniert es mit diesem CSS:
Code:
    #main {
        flex: 1;
        display: flex;
        flex-direction: column;
        align-items: center;
        overflow: auto;
        text-align: justify;
        /* justify-content: center; */
        /* width: 100%; */
    }

Übrigens: Warum machst Du denn den Header 2 so breit mit diesem CSS:
Code:
<div id="header" style="min-width:2000px;">header 2</div>
?
 

Thomas_Jung

Erfahrenes Mitglied
Ja
flex-direction: column;
war das Zauberwort.

@Übrigens: Warum machst Du denn den Header 2 so breit mit diesem CSS:
War nur zu Demo Zwecken. Um zuzusehen, wie der overflow: auto; im header reagiert.