TD - vertical alignment top AND bottom?

[Dark_Wizard]

Originally Posted by KirbyDE

Hmm ... can you give an example on how to use this?
I can't seem to get it working

If I create two divs with

• position: fixed; top: 0px
• position: fixed; bottom: 0px

within the cell, they they will be at top and bottom of the screen (in Firefox), or both at top of the cell (in IE).

Same for position: absolute

Ok, I've managed to get it right in IE but not firefox...have same issue as you did...let me play with this a little longer.

[Andreas]

*bump*
Still need a solution
Did you have success?

[Dean C]

Turn on quirks mode in IE by sticking this at the top of your HTML documents:

<?xml version="1.0" encoding="iso-8859-1"?>

Then use height="100%" and have a spacer cell inbetween

e.g.

<table cellpadding="0" cellspacing="0" border="0" style="height: 100%;">
<tr>
<td>img1</td>
<td height="100%">&nbsp;</td>
<td>img2</td>
</tr>
</table>

[Andreas]

Doesn't work at all

If I use

<table cellpadding="0" cellspacing="0" border="0" style="height: 100%;">
<tr>
<td>This should be at top</td>
</tr>
<tr>
<td height="100%">&nbsp;</td>
</tr>
<tr>
<td>This should be at bottom</td>
</tr>
</table>

It does work in IE (as the original code did too), but not in Firefox.

[Dean C]

Hmm have you outlined the cell that this table is within with a border and checked it is 100% height of the container cell? (in both firefox and IE)

[Xenon]

iirc you have to use the height attribute in the body tag as well.

[Andreas]

*bump*
Still doesn't work