set width menu's

[cha0sriderx]

im using a menu on the left and right side of my layout, they are both 180px.  what would i have to set the middle width to so it would fit the screen in IE. it works fine in firefox but it seems like it doesnt want to in IE.

 

td.left {
  width: 180px;
  width: 180px;
  margin:0 2px 0 2px;
  border-right: 1px solid #778;
  vertical-align: top;
}

td.middle {
  vertical-align: top;
  height: 400px;
  padding: 4px;
}

td.right {
  width: 180px;
  width: 180px;
  margin:0 2px 0 2px;
  border-left: 1px solid #778;
  vertical-align: top;
}

[dual_alliance]

This is just a guess as l can't test this at the moment, but try:

 

td.middle {
  vertical-align: top;
  height: 400px;
  width: 100%; <-----
  padding: 4px;
}

[cha0sriderx]

thanks for your reply, but i already tried that and all it did was make the 2 menu's smaller and min-width or max-width doesnt work for td's.

[cha0sriderx]

no one knows how to fix it without having to use js/ajax to get the screen size?

[bronzemonkey]

This is easy to do without tables.

[cha0sriderx]

what do u mean?

[cha0sriderx]

i fixed the issue, it was because i had a textarea that had a width of 97% and in IE it made the textarea larger than the menu.