Forum Moderators: open
[edit] turned on table borders and found that my content is at the top of my cell, but that the cells weren't appropriately sized. I have a cell on the left with a rowspan of 2 and 2 columns on the right. the top row on the right is supposed to be only 25px in height, but IE produces it much larger.
Note: I don't use in-line styles (applied to specific elements), so that syntax might be wrong
In an external file (which keeps the CSS separate from your HTML), the syntax is as follows
CSS file
.myClassName{
vertical-align: top;
}
HTML
<td class="myClassName">Lorem Ipsum</td>
The problem is now established as IE incorrectly sizing my table cells.
It may be possible. Is there a workaround for rowspan's error causing ways?
I see you've already done it, but first stop with misbehaving tables,
1. Put a border on that puppy, and make SURE none of the cells are empty. Instead of
<td></td>
do
<td> </td>
IE abbhors empty cells. If it's a narrow row, set the font size to 2px, IE won't react to 1px.
2. validate, validate, validate [validator.w3.org]. This will catch things you missed - including the fact that valign is deprecated. But if those are the only warnings you get, it will certainly rout out any cascading errors.
I use HomeSite, which has it's own internal validator, and it catches things the W3C validator doesn't (or, maybe, it does, I just catch them before validating against W3C.) Things like missing closing </td> and </tr> tags.
3. A little trick I never use because I'm so retentive about this stuff,
<td colspan="0">
At first my reaction was "what the heck?" I learned here that colspan="0" will span whatever columns you have. It may be the same with rowspan (worth a shot.)