<TD> width % works in Firefox but not IE

**jacknbey** · 11-18-2008 10:37 AM

Hi All,

I have the following stylesheet setup and the column width of <TD> works well in Firefox but not IE. The left hand panel is narrower than the right hand ones and I do not have excessive long text or whatsoever at the right hand panel. Any idea?

<STYLE section>
.blankLineLeft {
border:0px;
width:49%;
height: 20px;
}

.blankLineMiddle {
border:0px;
width:2%;
height: 20px;
}

.blankLineRight {
border:0px;
width:49%;
height: 20px;
}

<HTML section>
<TR>
<TD colspan=3 class=blankLineLeft>
</TD>
<TD class=blankLineMiddle>
</TD>
<TD colspan=2 class=blankLineRight>
</TD>
</TR>

**rpgfan3233** · 11-18-2008 10:46 AM

What about cellpadding/cellspacing in your HTML section or margins and padding in your CSS? If you have any of those, then your widths won't quite work. Other than that, have you considered playing with your widths to figure out if IE's simply making a miscalculation?

**jacknbey** · 11-19-2008 09:37 AM

No cellpadding or cellspacing whatsoever, after I tried, fixed width works but since that's not what I am looking for, fixed width won't do.

Just wonder why things work in Firefox but not in IE.

**slaughters** · 11-19-2008 03:48 PM

I expect there is some default padding or spacing being applied

IE and Firefox both treat CSS widths differently. One excludes margins and paddings from the width and one includes it (I've forgotten which one does which - but it is a real pain)

Thread: <TD> width % works in Firefox but not IE

Thread Tools

Display

<TD> width % works in Firefox but not IE

Td

Thread Information

Users Browsing this Thread

Bookmarks

Bookmarks

Posting Permissions