Yet more IE hacks to get the positioning right...
authorSteinar H. Gunderson <sesse@debian.org>
Tue, 1 Aug 2006 11:30:02 +0000 (13:30 +0200)
committerSteinar H. Gunderson <sesse@debian.org>
Tue, 1 Aug 2006 11:30:02 +0000 (13:30 +0200)
files/pr0n-fullscreen.css
files/pr0n-fullscreen.js
templates/default/fullscreen-footer

index 8df506111ca39c22d974b80fe8e7b2754590978c..3d964fc4084f6e800a7ac3a40bb9d302307e14db 100644 (file)
@@ -10,6 +10,19 @@ body {
 .container {
        text-align: center;
 }
+
+/* IE centering hacks */
+#iehack {
+       position: absolute;
+       _top: 50%;
+       _left: 50%;
+}
+#image {
+       _position: relative;
+       _top: -50%;
+       _left: -50%;
+}
+
 img, #text {
        vertical-align: middle;
 }
index b709b5093972b3d5d8c834ff3bcd19ec262c43d0..d7c2c7fda55ce027ee9d1f8382835d1252c762ef 100644 (file)
@@ -82,7 +82,7 @@ function display_image(width, height, evt, filename, element_id)
                img.src = url;
        }
        
-       var main = document.getElementById("main");
+       var main = document.getElementById("iehack");
        main.appendChild(img);
 
        return img;
index 5065cd16bef0c34ad45e65b08dafe0ba2ad919c8..230a0a63724948522bc30ffab92123310c488e9b 100644 (file)
@@ -12,7 +12,7 @@ var global_select = %SEL%;
   </head>
   <body onload="init_ajax(); relayout(); window.onresize = relayout;" onkeydown="key_down(event.which);" onkeyup="key_up(event.which);">
     <div>
-      <div class="container" id="main"></div>
+      <div class="container" id="main"><div id="iehack"></div></div>
       <img id="previous" src="/previous.png" alt="&lt;-" onmousedown="if (can_go_previous()) set_opacity('previous', 1.0)" onmouseup="if (can_go_previous()) { set_opacity('previous', 0.7); go_previous(); }" onmouseout="if (can_go_previous()) { set_opacity('previous', 0.7); }" />
       <img id="next" src="/next.png" alt="-&gt;" onmousedown="if (can_go_next()) set_opacity('next', 1.0)" onmouseup="if (can_go_next()) { set_opacity('next', 0.7); go_next(); }" onmouseout="if (can_go_next()) { set_opacity('next', 0.7); }" />
       <img id="close" src="/close.png" alt="x" onmousedown="set_opacity('close', 1.0)" onmouseup="set_opacity('close', 0.7); do_close();" onmouseout="set_opacity('close', 0.7);" />