Yahoo Answers is shutting down on May 4th, 2021 (Eastern Time) and beginning April 20th, 2021 (Eastern Time) the Yahoo Answers website will be in read-only mode. There will be no changes to other Yahoo properties or services, or your Yahoo account. You can find more information about the Yahoo Answers shutdown and how to download your data on this help page.
Trending News
Why won't firefox interpret my html correctly?
code excerpt:
<table class="page">
<tr class="banner">
<td class="banner" colspan="5">banner </td>
</tr>
<tr class="buttons">
<td class="button" colspan="2">button </td>
<td class="button" colspan="1">button </td>
<td class="button" colspan="2">button </td>
</tr>
<tr class="content">
<td class="sideBorder" colspan="1"></td>
<td class="main" colspan="3"> content</td>
<td class="sideBorder" colspan="1"></td>
</tr>
<tr class="bottomBorder">
<td class="bottomBorder" colspan="5"> bottom</td>
</tr>
</table>
Currently I just have the stylesheets set to fill in the background colors of the cells.
Firefox lines up mismatched columns. The edges of the "button" cells are matching the edges of the "sideBorder" cells despite the fact that that the "button" cells are supposed to be wider by one column. IE lines up the cells properly.
How do I get Firefox to interpret my code correctly? I am using HTML 4.01 strict (it validates as such. No code errors).
Overall each row is supposed to have the same number of columns (5), but individual columns should not line up from row to row.
2 Answers
- 1 decade agoFavorite Answer
A look at your code shows that, according to your colspans, all your <tr>'s should be the same width...
1st <tr> = colspan of 5=5
2nd <tr> = colspan of 2+1+2=5
3rd <tr> = colspan of 1+1+3=5
4th <tr> = colspan of 5=5
- 1 decade ago
I get the same results in both IE and Firefox. I would double check your css.