Faux-Column-Hack für Marginal-Inhalte auf Seiten ohne Menü korrigiert
authorKai Moritz <kai@juplo.de>
Tue, 28 Jan 2014 15:05:19 +0000 (16:05 +0100)
committerKai Moritz <kai@juplo.de>
Tue, 19 Jan 2016 16:45:41 +0000 (17:45 +0100)
src/main/webapp/less/screen/layout.less
src/main/webapp/less/tablet/layout.less

index bd4f082..4afea4a 100644 (file)
@@ -2,7 +2,7 @@
 
 body
 {
-  padding: 0 3em 0 5em;
+  padding: 0;
   overflow-y: scroll; /** Die vertikale Scroll-Leiste stets anzeigen */
 }
 #page
@@ -13,6 +13,10 @@ body
 
 /** Seitenaufteilung mit Menü (Zweispaltig) */
 
+body.menu
+{
+  padding: 0 3em 0 5em;
+}
 .menu .content
 {
   position: relative;
@@ -37,6 +41,12 @@ body
 
 /** Anpassungen für Seiten ohne Menü (Einspaltig) */
 
+.nomenu #page
+{
+  max-width: 62.375em;
+  padding: 0 3em 0 5em;
+  overflow: hidden;
+}
 .nomenu .content
 {
   position: relative;
@@ -149,6 +159,10 @@ body
   left: 6.9em;
   z-index: 3;
 }
+.nomenu #breadcrumb
+{
+  left: 11.9em;
+}
 #breadcrumb > a.hide
 {
   position: absolute;
@@ -167,7 +181,7 @@ body
 }
 .nomenu #footer
 {
-  padding-top: 0;
+  padding: 0 3em 2em 5em;
 }
 #footer > hr.f
 {
index 04c51d7..b4257b2 100644 (file)
@@ -1,6 +1,7 @@
 /** Seite gesamt (Abmessungen, Aussenabstände etc.) */
 
-body
+body.menu,
+body.nomenu
 {
   padding: 0;
 }
@@ -8,6 +9,10 @@ body
 {
   overflow: hidden;
 }
+.nomenu #page
+{
+  padding: 0;
+}
 
 
 /** Seitenaufteilung mit/ohne Menü für Tablets optimieren */