CSS issues

joshuaclayton · Jun 9, 2009 · 5fdc45f · 5fdc45f
1 parent 3c1bb19
commit 5fdc45f
Show file tree

Hide file tree

Showing 2 changed files with 18 additions and 10 deletions.
diff --git a/css/fusebox.css b/css/fusebox.css
@@ -1,8 +1,7 @@
 .fusebox-container {
   position: absolute;
   top: 40px;
-  left: 0;
 }
 
-.fusebox { display: none; padding: 10px; z-index: 101; float: left; }
-.fusebox-container .ui-widget-shadow { position: absolute; z-index: 100;}
+.fusebox-container .ui-widget-shadow { position: absolute; z-index: 3; }
+.fusebox { display: none; padding: 10px; z-index: 4; position: relative; float: left; }
diff --git a/test.html b/test.html
@@ -22,6 +22,9 @@
       });
     </script>
     <style type="text/css">
+      body {
+        background: #fdd;
+      }
       .col-12 {
         width: 650px;
       }
@@ -43,13 +46,19 @@ <h1 class="bound-event">This should be bound correctly</h1>
 
     <a href="index.html" rel="fusebox" class="item-list-2 clean">This is secondary content</a>
     <div class="fusebox-item-list-2 col-12">
-      <ul>
-        <li>another</li>
-        <li>another</li>
-        <li>another</li>
-        <li>another</li>
-      </ul>
-      <h1 class="bound-event">This should still be bound correctly</h1>
+      <div style="float: left">
+        <h2>This is float: left;</h2>
+        <ul>
+          <li>another</li>
+          <li>another</li>
+          <li>another</li>
+          <li>another</li>
+        </ul>
+        <h1 class="bound-event">This should still be bound correctly</h1>
+        <div style="float: right;">
+          <h3>This is float: right;</h3>
+        </div>
+      </div>
       <p class="fusebox-close">Close</p>
     </div>
   </body>