Mercurial > dive4elements > gnv-client
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; }