Can someone tell me why this won't work in IE

[scem0]

I'm not all that new to web design, but I've been wrestling over a simple problem for quite some time and I just can't figure it out.

My website uses a half tabled, half CSS layout. (Pure CSS is a bitch to use because of lack of standards compliancy). I want the table cell where the navigation is located to be 150 px high, no matter how much text is in the content cell. I want the cell below the navigation to grow with the content. It is working in Firefox and mozilla, but I can't get it to work with IE (Windows - I don't know what it looks like on IE Mac. I probably don't want to know, that browser can't display anything correctly ).

Right now, in IE, the navigation cell is extra large, when it should only be 150 px. I have set it to be 150 in both my CSS and my HTML.

Someone please rid me of my WTFage. I'm embarrassed to be having problems with something so simple, but I've tried setting the height with CSS, HTML, and CSS and HTML. It never works. pah.

Thanks,

scem0

 

[scem0]

I hate to bump this thread, but I can't figure it out for my life.

Anyone know what's up? I'm thinking I'm gunna get rid of tables all together.

When I first got into web design tabled layouts were a lot easier than CSS layouts, but now that I'm a bit more experienced CSS seems to be easier. I don't recall running into simple errors like this before, though...

:::is annoyed::::

scem0

 

[jeremy.king]

Took a quick look and it has to do with line 80

<td width="25%" height="100%" bgcolor="#66ff00"><br>

The 100% height isn't working. I threw just a random number, like 600 and I think it worked the way you wanted.

Better however is I ditched the rowspan of your content cell and re-factored to this. I took out the content for sake of code clarity, but check this out and see if its what you wanted

<div id="container">
  <table border="0" cellpadding="0" cellspacing="1" width="100%">
    <tbody><tr>
      <td height="40" colspan="2" id="head"><img src="img/header.jpg" width="720" height="220"></td>
    </tr>
    <tr bgcolor="#990000">
      <td width="25%" height="40" bordercolor="#FFFFFF"><div align="center" class="style1">Navigation:</div></td>
      <td width="75%" height="40"><div align="center" class="style2">This is what you want to hear: </div></td>
    </tr>
    <tr>
      <td bgcolor="#66ff00" id="navigation" valign="top"><div align="center" style="background:#3399ff; height:150px">
        News<br>
          Buy A T-shirt <br>
          Forum<br>
        <form name="search" method="post" action="">
            <input type="text" name="textfield" id="search">
            <br>
            <input name="submit" value="search!" id="submit" type="submit">
          </form>
    </div></td>
      <td height="100%" valign="top" id="content"> Put your content back here</td>
    </tr>
    <tr>
      <td height="40" colspan="2" bgcolor="#460046">   <div align="center" class="style3"> <span class="toslinks"> ©</span> 2004 Emerson McAfee </div></td>
      </tr>
  </tbody></table>
</div>

 

[scem0]

That worked like a charm. Should have thought about that myself.

Thanks soooooooo much !

scem0

 

[_bnkr612]

This too.

http://www.moosemenrugby.com

In explorer it's black with some font. Any reason?

Looks fine in Mozilla, Safari.

What gives?