Toggle sidebar Toggle sidebar
Become a MacRumors Supporter for $50/year with no ads, ability to filter front page stories, and private forums.

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

scem0

scem0

macrumors 604
Original poster
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
 
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
 
Took a quick look and it has to do with line 80

PHP: 
<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

PHP: 
<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>
 
That worked like a charm. Should have thought about that myself.

Thanks soooooooo much 😀!

scem0
 
You must log in or register to reply here.
Register on MacRumors! This sidebar will go away, and you'll see fewer ads.
Top Bottom
Back