Nachweis, dass das einspaltige Layout nicht funktioniert
authorKai Moritz <kai@juplo.de>
Mon, 4 Jul 2016 22:30:33 +0000 (00:30 +0200)
committerKai Moritz <kai@juplo.de>
Wed, 28 Jun 2017 09:23:28 +0000 (11:23 +0200)
Die Positionierung des Sektions-Menüs im Kopfbereich erfolgt abhängig von
der Position der Marginalspalte. Deswegen funktioniert das einspaltige
Layout nicht, weil die Marginalspalte dort tatsächlich unter dem Inhalt
steht, so dass ihre y-Position von der Länge des Inhalts abhängt.

Abhilfe würde nur eine absolute positionierung der Marginalspalte schaffen.
Aber dann darf/dürfte die Marginalspalte keinen Inhalt mehr enthalten, da
dieser sich keinen Platz nach unten mehr schaffen könnte!

dist/thymeleaf/projects/html-experimente/fast-leer-einspaltig-mit-marginalinhalt.html
dist/thymeleaf/projects/html-experimente/fast-leer-einspaltig.html
dist/thymeleaf/projects/html-experimente/fast-leer-kein-menü-aber-marginalinhalt.html
dist/thymeleaf/projects/html-experimente/fast-leer-kein-menü.html
dist/thymeleaf/projects/html-experimente/fast-leer-mit-menü-und-marginalinhalt.html
dist/thymeleaf/projects/html-experimente/fast-leer-mit-menü.html

index a1a575b..2a9eb38 100644 (file)
@@ -28,6 +28,7 @@
     </nav>
     <article class="main" layout:fragment="maincontent">
       <header><h1>Fast leere einspaltige Seite mit Marginalinhalt</h1></header>
+      <p><strong>KAPUTT:</strong> siehe Erklärung im Commit</p>
     </article>
     <aside layout:fragment="marginalcontent" th:replace="templates/fragments :: marginalcontent">
       MARGINAL-CONTENT
index 129178e..6032a33 100644 (file)
@@ -28,6 +28,7 @@
     </nav>
     <article class="main" layout:fragment="maincontent">
       <header><h1>Fast leere einspaltige Seite</h1></header>
+      <p><strong>KAPUTT:</strong> siehe Erklärung im Commit</p>
     </article>
   </body>
 </html>
index 34968d6..d868bca 100644 (file)
@@ -28,6 +28,7 @@
     </nav>
     <article class="main" layout:fragment="maincontent">
       <header><h1>Fast leere Seite ohne Menü aber mit Marginalinhalt</h1></header>
+      <p>Ein ganz bischen Text...</p>
     </article>
     <aside layout:fragment="marginalcontent" th:replace="templates/fragments :: marginalcontent">
       MARGINAL-CONTENT
index c96782f..73b8e3e 100644 (file)
@@ -28,6 +28,7 @@
     </nav>
     <article class="main" layout:fragment="maincontent">
       <header><h1>Fast leere Seite ohne Menü</h1></header>
+      <p>Ein ganz bischen Text...</p>
     </article>
   </body>
 </html>
index e0273fe..13f145c 100644 (file)
@@ -17,6 +17,7 @@
   <body>
     <article class="main" layout:fragment="maincontent">
       <header><h1>Fast leere Seite mit Menü und Marginalinhalt</h1></header>
+      <p>Ein ganz bischen Text...</p>
     </article>
     <aside layout:fragment="marginalcontent" th:replace="templates/fragments :: marginalcontent">
       MARGINAL-CONTENT
index 31c3700..38ef9ec 100644 (file)
@@ -17,6 +17,7 @@
   <body>
     <article class="main" layout:fragment="maincontent">
       <header><h1>Fast leere Seite mit Menü</h1></header>
+      <p>Ein ganz bischen Text...</p>
     </article>
   </body>
 </html>