diff --git a/src/static/js/ace2_inner.js b/src/static/js/ace2_inner.js index d62b9f685..6d8c58bbc 100644 --- a/src/static/js/ace2_inner.js +++ b/src/static/js/ace2_inner.js @@ -156,10 +156,15 @@ function Ace2Inner(){ // Ugly hack for Firefox 18 // get the timeout and interval methods from the parent iframe - setTimeout = parent.setTimeout; - clearTimeout = parent.clearTimeout; - setInterval = parent.setInterval; - clearInterval = parent.clearInterval; + // This hack breaks IE8 + try{ + setTimeout = parent.setTimeout; + clearTimeout = parent.clearTimeout; + setInterval = parent.setInterval; + clearInterval = parent.clearInterval; + }catch(err){ + // IE8 can panic here. + } var textFace = 'monospace'; var textSize = 12; diff --git a/src/templates/index.html b/src/templates/index.html index c3c13db32..4f6d500b9 100644 --- a/src/templates/index.html +++ b/src/templates/index.html @@ -64,7 +64,8 @@ box-shadow: 0px 1px 8px rgba(0,0,0,0.3); } #inner { - width: 300px; + position:relative; + max-width: 300px; margin: 0 auto; } #button { @@ -100,6 +101,10 @@ text-shadow: 0 1px 1px #fff; margin: 16px auto 0; } + #padname{ + height:38px; + max-width:280px; + } form { height: 38px; background: #fff; @@ -115,7 +120,8 @@ border-radius: 3px; box-sizing: border-box; -moz-box-sizing: border-box; - padding: 0 45px 0 10px; + line-height:36px; /* IE8 hack */ + padding: 0px 45px 0 10px; *padding: 0; /* IE7 hack */ width: 100%; height: 100%; @@ -125,7 +131,7 @@ } button[type="submit"] { position: absolute; - right: 0; + left:253px; width: 45px; height: 38px; }