From f7f0e932148415db275add1dee3b76c030f9822b Mon Sep 17 00:00:00 2001 From: Griatch Date: Fri, 19 Jun 2015 09:50:48 +0200 Subject: [PATCH] Having trouble with css positioning --- .../static/webclient/css/evennia.css | 34 +++++---- .../webclient/static/webclient/js/evennia.js | 12 +++- .../static/webclient/js/testclient.html | 70 +++++++++---------- 3 files changed, 64 insertions(+), 52 deletions(-) diff --git a/evennia/web/webclient/static/webclient/css/evennia.css b/evennia/web/webclient/static/webclient/css/evennia.css index a87ec2ade..92d448eac 100644 --- a/evennia/web/webclient/static/webclient/css/evennia.css +++ b/evennia/web/webclient/static/webclient/css/evennia.css @@ -4,31 +4,35 @@ html, body { height: 100%; } -#wrapper { - min-height: 100%; +#outputsection { + min-height: 80%; +} + +#header > a { + color: red; } #main { - height: 100%; - min-height: 100%; - padding-bottom: 100px; + height: auto; + padding-top: 10px; + padding-left: 10px; + padding-right: 10px; + padding-bottom: 1px; } .textoutput { - height: auto; - width: 98%; - min-height: 100%; - min-width: 98% !important; + position:absolute; + top:30px; + bottom: 40px; + left:10px; + right: 10px; overflow: hidden; - padding-left:2em; background: rgba(201, 201, 201, 0.65); } #footer { position: relative; - margin-top: -100px; - height: 100px; + height: 40px; + width: 98%; clear: both; -} - -*/ +} \ No newline at end of file diff --git a/evennia/web/webclient/static/webclient/js/evennia.js b/evennia/web/webclient/static/webclient/js/evennia.js index 96bbedceb..e0558d478 100644 --- a/evennia/web/webclient/static/webclient/js/evennia.js +++ b/evennia/web/webclient/static/webclient/js/evennia.js @@ -243,9 +243,17 @@ initialize = function() { } }); + //console.log("windowsize: " + $(window).height() + " footerheight: " + $('.footer').height()) + //$(window).on("resize", function(event) { + // $('.textoutput').css({height:($(window).height() - 120 + "px")}); + //}); + + // resizing + // make sure textarea fills surrounding div - $('.textoutput').css({height:(300-$('.form').height())+'px'}); - //$('textarea').css({'height':"100%"}); + //$('.textoutput').css({height:($(window).height()-$('.footer').height())+'px'}); + //$('.textoutput').css({height:($(window).height() - 120 + "px")}); + // configurations $(".echo").on("change", function(event) { diff --git a/evennia/web/webclient/static/webclient/js/testclient.html b/evennia/web/webclient/static/webclient/js/testclient.html index c45f59bd6..29f36bec1 100644 --- a/evennia/web/webclient/static/webclient/js/testclient.html +++ b/evennia/web/webclient/static/webclient/js/testclient.html @@ -12,57 +12,57 @@ -
+
- Config +
-
Test textoutput
+
Test textoutput