Dynadot โ€” .com Registration $8.99

HTML problem in IE, please help (colspan).

Spaceship Spaceship
Watch

yuppie

Established Member
Impact
3
Please open the below code in IE and FF.

Code:
<html>
<body>
   <table style="width:50%; border-collapse:collapse;" border="1">
	<tr style="height:25px;">
	    <td>data</td>
            <td style="width:70px;">data2</td>
	</tr>
        <tr style="height:25px;">
	    <td colspan="2" bgcolor="#CCCCCC" align="right">A very long footer name, longer than 70px;</td>
	</tr>
   </table>
</body>
</html>

As you can see FF shows the right column correctly (its width=70px), whereas IE ignores "width" property and extends the column width :(

If you set the footer text to something like "Test", then both browsers behaves as expected.

Does anybody have a solution to this?
 
0
•••
The views expressed on this page by users and staff are their own, not those of NamePros.
GoDaddyGoDaddy
Code:
<html>
<body>
   <table style="width:50%; border-collapse:collapse;" border="1">
	<tr style="height:25px;">
	    <td>data</td>
            <td style="width:70px;">data2</td>
	</tr>
        <tr style="height:25px;">
			<td></td>
			<td colspan="2" bgcolor="#CCCCCC" align="right" style="width: 70px;">A very long footer name, longer than 70px;</td>
		</tr>
   </table>
</body>
</html>
 
0
•••
Dan,

Your solution doesn't work:
1. I don't understand for what you put empty "<td></td>" in the footer
2. Adding "width:70px;" to the footer style helps to keep the proper width of the "data" cell, but the footer itself becomes splitted in several lines, since it's width becomes exacty 70px, but I need the width of the footer be as long as the table itself.
 
0
•••
Some ideas

If you loose the 50% width of the table and go to a fixed width (say 600px) and then specify a width for the first cell (530px in this example) that would work.

Or, keep the 50% width, and set the width of the first cell to 100%. That will make the data2 cell shrink below 70px, to keep that from happening you would have to insert a 70px wide image in the data2 cell.

Not using tables and using pure css is probably the best answer.

Good luck.
 
0
•••
Dynadot โ€” .com Registration $8.99Dynadot โ€” .com Registration $8.99
Unstoppable Domains
Domain Recover
NameMaxi - Your Domain Has Buyers
  • The sidebar remains visible by scrolling at a speed relative to the pageโ€™s height.
Back