JavaScript ist deaktiviert. Für eine bessere Darstellung aktiviere bitte JavaScript in deinem Browser, bevor du fortfährst.

Auf Thema antworten

Beitrag: [QUOTE="Sempervivum, post: 14708, member: 3917"] Das ist zwar so plausibel wie ich es beschrieben habe aber normaler Weise nicht das, was man will: Der Footer soll in jedem Fall am unteren Rand kleben. Wie so oft liefert auch hier Flexlayout die Lösung: Die Elemente im [ICODE]body[/ICODE] mit Flex vertikal anordnen und dem [ICODE]main[/ICODE] ein [ICODE]margin-bottom: auto;[/ICODE] oder [ICODE]flex: 1;[/ICODE] geben, dann funktioniert es wie gewünscht: [CODE] /* Hier drüber wie bisher */ body { display: flex; flex-direction: column; } main { margin-bottom: auto; } </style> </head> <body> <header>This ist the header</header> <main>This is the main content</main> <section class="footer">  [/CODE] [/QUOTE]