From 3a7884665566859ac68df5d8ac676e9366245893 Mon Sep 17 00:00:00 2001
From: Matheus Zych <mzych@databay.de>
Date: Fri, 23 Jan 2026 12:49:14 +0100
Subject: [PATCH] Moves html footer element outside of the main element making
 it its sibling element

---
 .../default/Layout/tpl.standardpage.html      | 19 +++++++------
 .../Layout/Page/StandardPageTest.php          | 28 ++++++++++++-------
 2 files changed, 28 insertions(+), 19 deletions(-)

diff --git a/components/ILIAS/UI/src/templates/default/Layout/tpl.standardpage.html b/components/ILIAS/UI/src/templates/default/Layout/tpl.standardpage.html
index 54fbaf406740..1dea7873a12e 100755
--- a/components/ILIAS/UI/src/templates/default/Layout/tpl.standardpage.html
+++ b/components/ILIAS/UI/src/templates/default/Layout/tpl.standardpage.html
@@ -65,18 +65,19 @@
 			{MAINBAR}
 		</div>
 
-		<!-- html5 main-tag is not supported in IE / div is needed -->
-		<main class="il-layout-page-content">
-			<!-- BEGIN content_breadcrumbs -->
-			<div class="breadcrumbs">
-				{BREADCRUMBS}
-			</div>
-			<!-- END content_breadcrumbs -->
+		<div class="il-layout-page-content">
+			<main>
+				<!-- BEGIN content_breadcrumbs -->
+				<div class="breadcrumbs">
+					{BREADCRUMBS}
+				</div>
+				<!-- END content_breadcrumbs -->
 
-			{CONTENT}
+				{CONTENT}
+			</main>
 
 			{FOOTER}
-		</main>
+		</div>
 	</div>
 
 <!-- BEGIN js_file -->
diff --git a/components/ILIAS/UI/tests/Component/Layout/Page/StandardPageTest.php b/components/ILIAS/UI/tests/Component/Layout/Page/StandardPageTest.php
index 48ce6b4a3f59..ffe72147f460 100755
--- a/components/ILIAS/UI/tests/Component/Layout/Page/StandardPageTest.php
+++ b/components/ILIAS/UI/tests/Component/Layout/Page/StandardPageTest.php
@@ -280,7 +280,9 @@ public function testRenderingWithTitle(): void
         </header>
         <div class="il-system-infos"></div>
         <div class="nav il-maincontrols">MainBar Stub</div>
-        <main class="il-layout-page-content">some content</main>
+        <div class="il-layout-page-content">
+            <main>some content</main>
+        </div>
     </div>
     <script>il.Util.addOnLoad(function() {});</script>
 </body>
@@ -326,7 +328,9 @@ public function testRenderingWithRtlLanguage(): void
         </header>
         <div class="il-system-infos"></div>
         <div class="nav il-maincontrols">MainBar Stub</div>
-        <main class="il-layout-page-content">some content</main>
+        <div class="il-layout-page-content">
+            <main>some content</main>
+        </div>
     </div>
     <script>il.Util.addOnLoad(function() {});</script>
 </body>
@@ -379,7 +383,9 @@ public function testRenderingWithMetaData(): void
         </header>
         <div class="il-system-infos"></div>
         <div class="nav il-maincontrols">MainBar Stub</div>
-        <main class="il-layout-page-content">some content</main>
+        <div class="il-layout-page-content">
+            <main>some content</main>
+        </div>
     </div>
     <script>il.Util.addOnLoad(function() {});</script>
 </body>
@@ -467,13 +473,15 @@ public function testRenderingWithCrumbs(): void
         </header>
         <div class="il-system-infos"></div>
         <div class="nav il-maincontrols">MainBar Stub</div>
-        <main class="il-layout-page-content">
-                <div class="breadcrumbs">
-                    <nav aria-label="breadcrumbs_aria_label" class="breadcrumb_wrapper">
-                        <div class="breadcrumb"><span class="crumb"><a href="#">label1</a></span><span class="crumb"><a href="#">label2</a></span><span class="crumb"><a href="#">label3</a></span></div>
-                    </nav>
-                </div>some content
-        </main>
+        <div class="il-layout-page-content">
+            <main>
+                    <div class="breadcrumbs">
+                        <nav aria-label="breadcrumbs_aria_label" class="breadcrumb_wrapper">
+                            <div class="breadcrumb"><span class="crumb"><a href="#">label1</a></span><span class="crumb"><a href="#">label2</a></span><span class="crumb"><a href="#">label3</a></span></div>
+                        </nav>
+                    </div>some content
+            </main>
+        </div>
     </div>
     <script>il.Util.addOnLoad(function() {});</script>
 </body>