Forum Moderators: open
Right am pulling what little hair I have left out at this one, I have a table structure as follows:
<table>
<tr>
<td colspan=3>Header Content</td>
</tr>
<tr>
<td width=X>Left-hand Content</td>
<td width=X rowspan=2>Center Content</td>
<td width=X>Right-hand Content</td>
</tr>
<tr valign=bottom>
<td valign=bottom><img name="" src="" alt="" onclick="javascript:event"></td>
<td valign=bottom><img name="" src="" alt="" onclick="javascript:event"></td>
</tr>
<tr>
<td colspan=3>Footer Content</td>
</tr>
</table>
The Center Content (bold) can be of any height i.e. there is no limit to the amount of text that can be pulled from the dB.
The Images (bold) is where my problem arises, in IE it is perfectly aligned at the bottom with no whitespace shown between that table cells and the Footer Content. But in Netscape I am getting roughly 3px of whitespace between the images and the Footer Content. I have tried using style rules to vertical-align, including the align attribute in the image tag to align=bottom, setting the height of the table cell to the same as the image etc.
Where is it I am going wrong to get it absolute bottom in Netscape?
I am also using:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN">
The Netscape browser version I am testing in is 6.
Any help and suggestions are gratefully appreciated.
Thx.
-gs
td {
padding: 0;
}
I have a feeling that you could be looking at a cell padding issue here.
<edit>Style Code Fix</edit>
[edited by: BlobFisk at 10:44 am (utc) on Aug. 6, 2003]
In answer to wkitty42, yeah tried and failed miserably! :(
Also it may be worth mentioning that in the parent <table> tag I have set the cellpadding=0 and cellspacing=0 attributes!
I have now run some tests in Netscape7, Opera7.01 and Mozilla5.0 it displays perfectly... The issue only exists in Netscape6.
Will give the other two suggestions a try out.
KR,
-gs
