<DIV> layer TO <td> position?

This site is best viewed in a modern browser with JavaScript enabled.

catsfive

I have a problem... I want to use the <DIV> tag so I can toggle visibility on/off, so I've put all the <DIV> tags inside a <TD>. I know that's not proper HTML, but I want them to display IN or ON TOP OF that TD, since the layers are supposed to show up at the bottom of those cells. Naturally, as you experienced users know, putting all the <DIV> layers in there makes them jump around. They won't behave and seem to do random things.

HOW can I tack a <DIV>'s position to a TD? Or an image? Or something? I want it to always show up at the bottom...

Thanks!

Stefan

Originally posted by catsfive
HOW can I tack a <DIV>'s position to a TD? Or an image? Or something? I want it to always show up at the bottom...

If you are abusing <table> for layout it's going to be tricky, but otherwise it's easy.

You simply position an entity and every child of it will be positioned relative it.

</div>

The 3 divs nested in the original div will all be placed with their top left corner 10px down and to the right of the parent.

catsfive

Oh, Stefan, this is a good idea, I didn't think of this.

However, OK, cool... how do I handle the position of the first layer? I want that layer to always be at the bottom of a table whose row count is always changing...

MC5

Stefan

Originally posted by catsfive
However, OK, cool... how do I handle the position of the first layer? I want that layer to always be at the bottom of a table whose row count is always changing...

Did you actually try the code?

It should do exactly what you ask for, but might mess up eg dynamic column width calculations.

catsfive

No, I didn't try the code yet, because I already know it's not quite what I need. I need the DIV to be aligned to the <TD> it's in, and not at a certain position. The TD is always shifting around based on what data rows are there, so sometimes it could be lower, higher, etc.

I have seen a script that sort of does this-- it tacks a DIV to a TD cell but it works onMouseOver using the TD's like buttons, which I don't want. I want the page to put each DIV in a certain position (dictated by the position of that TD)... I hope this makes sense, and thanks for your input.

Stefan

Originally posted by catsfive
I need the DIV to be aligned to the <TD> it's in, and not at a certain position. The TD is always shifting around based on what data rows are there, so sometimes it could be lower, higher, etc.

Sigh...
Get back to me after you have tried the code.:rolleyes:

gil_davis

Originally posted by catsfive
I want to use the <DIV> tag so I can toggle visibility on/off, so I've put all the <DIV> tags inside a <TD>.

Why do you need a <DIV> in the first place? Why don't you control the visibility of the <TD>?