diff gnv/src/main/webapp/styles/default.css @ 697:d2582f75b144

Improved design and added new wms layers as background for 'Horizontalschnitte'. gnv/trunk@928 c6561f87-3c4e-4783-a992-168aeb5c3f6f
author Ingo Weinzierl <ingo.weinzierl@intevation.de>
date Wed, 14 Apr 2010 16:05:32 +0000
parents 883b366e3b15
children 7448b6f5f1ed
line wrap: on
line diff
--- a/gnv/src/main/webapp/styles/default.css	Tue Apr 13 17:55:32 2010 +0000
+++ b/gnv/src/main/webapp/styles/default.css	Wed Apr 14 16:05:32 2010 +0000
@@ -156,7 +156,12 @@
 
 /* styles used content */
 #contentElement {
+    height: 80%;
+    position: absolute;
+    top: 85px;
+    width: 100%;
     margin: 0px 0px 10px 0px;
+    overflow: auto;
 }
 
 .bgblue2 {
@@ -164,11 +169,15 @@
 }
 
 #footerElement {
+    position: absolute;
+    bottom: 0px;
     margin-top: 10px;
+    width: 100%;
+    height: 20px;
 }
 
 .down {
-    padding-top: 20px;
+    padding-top: 15px;
     width: 315px;
 }
 
@@ -179,8 +188,12 @@
 }
 
 #parameterPanel {
+    position: absolute;
     float: left;
+    left: 0px;
+    top: 5%;
     width: 400px;
+    height: 95%;
 }
 
 .parameter {
@@ -301,12 +314,15 @@
 }
 
 #project {
-    padding-left: 5px;
-    padding-top: 5px;
-    padding-bottom: 5px;
+    padding: 0px;
 	text-align: left;
     font-size: 1.2em;
     background-color: #e9e8f0;
+    position: absolute;
+    top: 0px;
+    left: 0px;
+    width: 100%;
+    height: 5%;
 }
 
 #projectload {
@@ -359,6 +375,12 @@
     
 }
 
+div#headerElement {
+    height: 85px;
+    position: absolute;
+    width: 100%;
+}
+
 div#header {
     background-color: #143B62;
     margin: 0;
@@ -377,7 +399,7 @@
     top: 0;
     left: 0;
     width: 100%;
-
+    height: 100%;
 }
 
 .showContent {
@@ -397,13 +419,13 @@
 div#diagram {
     float: left;
     position: absolute;
-    top: 165px;
+    top: 10%;
     left: 330px;
 }
 
 div.outerMap {
     position: absolute;
-    top: 175px;
+    top: 12%;
     left: 350px;
     width: 555px;
     height: 436px;
@@ -412,8 +434,8 @@
 }
 
 div.wms {
-    position: relative;
-    top: 0px;
+    position: absolute;
+    top: 10%;
     left: 0px;
     height: 30px;
     border: 1px solid red;
@@ -431,7 +453,7 @@
 div.histogram {
     float: left;
     position: absolute;
-    top: 165px;
+    top: 10%;
     left: 330px;
 }
 
@@ -456,9 +478,10 @@
 }
 
 div.statistics {
+    float: left;
     position: absolute;
-    top     : 33px;
-    left    : 350px;
+    top: 10%;
+    left: 330px;
     width   : 325px;
 }
 

http://dive4elements.wald.intevation.org