div floating over table

Question

i am try to get a div to floating over table so it will be ontop of all the txt?

Answer 1

Check out z-index (and possibly absolute positioning, although there are other ways to get things to overlap).

Answer 2

`position: absolute`

Answer 3

Hi

<div id="floatme">Float this over the text</div>

<style>
   #floatme{
       position: absolute;
       top: XXpx;
       left: XXpx;
   }
</style>

Just change the top and left variables.

Answer 4

I would wrap the table in a "positioned" div. I set the div to position:relative so that it won't interrupt the flow of the rest of the documents contents.

<div style="position: relative">
  <table style="width: 500px;">
    <tr>
      <td>Table Text</td>
    </tr>
  </table>

  <div style="position: absolute; top: 0; left: 0; width: 500px; background: green;">
    I am on TOP of the table!
  </div>
</div>

Answer 5

I agree with TJ - z-index is the way to go - using javascript and css/html will allow you to hide/show this "magic floating box" above the table.