From 4847c7b7a47021ac0fed26b5f3538f4e8c230cb0 Mon Sep 17 00:00:00 2001 From: Kai Moritz Date: Mon, 9 Dec 2013 13:38:41 +0100 Subject: [PATCH] =?utf8?q?Einfache=20Unterst=C3=BCtzung=20f=C3=BCr=20unter?= =?utf8?q?schiedliche=20Bildschirmgr=C3=B6=C3=9Fen=20aktiviert?= MIME-Version: 1.0 Content-Type: text/plain; charset=utf8 Content-Transfer-Encoding: 8bit Als erste grundsätzliche Unterstützung stark unterschiedlicher Bildschirmgrößen wurde das Stadard-Layout für die Media-Klasse "screen" für eine Größe der Anzeigefläche < 960px deaktiviert, so dass dann nur die Styling-Anweisungen aus dem base-Layout angewendet werden. Außerdem wurde das Standard-Layout künstlich auf eine maximale Breie von 1000px gestutzt. Bei einer größeren Anzeigefläche wird das Layout dann jetzt vorerst in einer Breite von 1000px zentriert angezeigt. --- .../webapp/WEB-INF/templates/html5page.jsp | 72 ++++++++++--------- src/main/webapp/less/screen/layout.less | 8 +++ src/main/webapp/less/screen/navigation.less | 4 +- 3 files changed, 47 insertions(+), 37 deletions(-) diff --git a/src/main/webapp/WEB-INF/templates/html5page.jsp b/src/main/webapp/WEB-INF/templates/html5page.jsp index 10ba76d8..46f581ef 100644 --- a/src/main/webapp/WEB-INF/templates/html5page.jsp +++ b/src/main/webapp/WEB-INF/templates/html5page.jsp @@ -10,7 +10,7 @@ - - -
cf"> -
-

- -
-
- - +
+ + +
cf"> +
+

+ +
+
+ + +
+
- diff --git a/src/main/webapp/less/screen/layout.less b/src/main/webapp/less/screen/layout.less index 10d147f0..b5cc0f15 100644 --- a/src/main/webapp/less/screen/layout.less +++ b/src/main/webapp/less/screen/layout.less @@ -61,3 +61,11 @@ /** Always display vertical scroll-bars */ body { overflow-y: scroll; } + +/** Center content, when screen is bigger than 1240 */ +#page +{ + position: relative; + max-width: 1000px; + margin: 0 auto; +} diff --git a/src/main/webapp/less/screen/navigation.less b/src/main/webapp/less/screen/navigation.less index c3760e5b..5a82b53f 100644 --- a/src/main/webapp/less/screen/navigation.less +++ b/src/main/webapp/less/screen/navigation.less @@ -57,8 +57,8 @@ #breadcrumb { position: absolute; - top: 8.4em; - left: 13.4em; + top: 7.375em; + left: 6.9em; z-index: 3; } #breadcrumb > strong.b -- 2.20.1