when switching tab with too much content scroll bars are aligned properly

frontend-js/src/main/js/gui/admin/EditUserDialog.js

@@ -18,6 +18,8 @@ function EditUserDialog(params) {
   var self = this;
   self.setUser(params.user);
 
+  $(self.getElement()).css({overflow: "hidden"});
+
   self.createGui();
   self.registerListenerType("onSave");
 }
@@ -47,7 +49,8 @@ EditUserDialog.prototype.createGui = function () {
   var tabDiv = Functions.createElement({
     type: "div",
     name: "tabView",
-    className: "tabbable boxed parentTabs"
+    className: "tabbable boxed parentTabs",
+    style: "position:absolute;top:10px;bottom:40px;left:10px;right:10px"
   });
   element.appendChild(tabDiv);
 
@@ -59,13 +62,19 @@ EditUserDialog.prototype.createGui = function () {
 
   var tabContentDiv = Functions.createElement({
     type: "div",
-    className: "tab-content"
+    className: "tab-content",
+    style: "height:100%"
   });
   tabDiv.appendChild(tabContentDiv);
 
   self.createGeneralTab(tabMenuDiv, tabContentDiv);
   self.createPrivilegesTab(tabMenuDiv, tabContentDiv);
   self.createProjectsTab(tabMenuDiv, tabContentDiv);
+  $("a", tabMenuDiv).bind("click", function () {
+    //workaround for some css issues...
+    tabDiv.style.top = "40px";
+    tabDiv.style.bottom = "10px";
+  });
 };
 
 EditUserDialog.prototype.createGeneralTab = function (tabMenuDiv, tabContentDiv) {
@@ -117,6 +126,8 @@ EditUserDialog.prototype.addTab = function (params) {
     navigationBar: params.tabMenuDiv
   });
 
+  contentDiv.style.overflow = "auto";
+  
   if (params.content !== undefined) {
     contentDiv.appendChild(params.content);
   }