HTML Forum

**yuppie** · 10-12-2006, 06:53 AM

Please open the below code in IE and FF.

Code:

<html>
<body>
   <table style="width:50%; background-color:#FFFFFF; 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?

**ADAM Web Design** · 10-12-2006, 10:17 AM

Yeah, I do. It's your lucky day.

Take your footer out of the table itself and put it into a div. In other words, remove the table row and put this immediately after the table.

Code:

<div style="text-align:  right;  height:  25px;  background-color:  #CCCCCC;">
Footer text here.
</div>

**techwench** · 10-12-2006, 10:17 AM

It's because IE is stupid when it comes to percentage widths.

If there's no specified width on the outter element (in this case, either <table> or <body>), then it'll do its best to guess where it *should* be...and 9 times out of 10, the guess is wrong!

If the data in the left has more text to fill the table cell and the text starts to wrap, the table will display correctly in IE.

**yuppie** · 10-12-2006, 10:34 AM

Thank you for the responses.

Adam, unfortunately I can't accept your solution, because the right column of the data and the footer will be displayed in different width, when a browser starts to stretch the data cell because of large string inside. The solution I'm looking for is to keep the right column the same width in footer and in the data cells...always.

It seems to be an IE bug, since I didn't find any acceptable solutions to this in the net. Switching to FF forever

**LadynRed** · 10-12-2006, 11:05 AM

Of COURSE it's an IE bug.. it's FULL of them!!!

**cromebiz** · 10-12-2006, 05:03 PM

Give me a bit I will have your answer by tomorrow. OK.

HTML Forum

Find a Professional HTML Freelancer!

FREE Outsourcing eBook!