✔ Footer Darstellungsfehler beim Handy Samsung S20 +

[Sempervivum]

Wenn ich zusätzlich ein div mit Breite 50% einfüge funktioniert es mit diesem CSS:

    #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:

<div id="header" style="min-width:2000px;">header 2</div>

?

 

[Thomas_Jung]

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.