Problem with TD and height.

[Albion]

Here is my HTML.

<TABLE width=100% height=100% border=0 cellspacing=0 cellpadding=0>
  <TR>
    <TD rowspan=5 width=50>
    <TD width="*" height=55>blah blah blah</TD>
    <TD height=55 aligh=right>blah blah blah</TD>
    <TD rowspan=5 width=50>
  </TR>
  <TR>
    <TD colspan=2 height=30>
      <TABLE height=100% border=0 cellspacing=0 cellpadding=0>

        ...Menu stuff here...

      </TABLE>
    </TD>
  </TR>
  <TR>
    <TD colspan=2>
    
      ...Body Information here...

    </TD>
  </TR>
  <TR>
    <TD colspan=2 height=10>
  </TR>
  <TR>
    <TD height=30>
      
      .... Footer Info here ....

    </TD>
  </TR>
</TABLE>

In Firefox everything works fine. All the <TD> heights stay where they should be. But in IE for some reason the heights in the first two Table Cells <TD height=55> and <TD height=30> above will not stay at their set heights. They adjust themselves based on what information is contained by the <TD> which has "... Body Information here..." above. Why is that? Why won't the heights stay where they're told to stay? Am I doing something wrong here? I've tried putting height="*" in the <TD> for the body but that doesn't work. The only way I can seem to get it to work is by throwing a bunch of breaks <BR> after the body text or inserting the body into another enbedded <TABLE> with an absolute width and height. But I don't want that, I want the entire page to grow and shrink based on the size that the user sets for his browser. I want the two side columns and the header and footer to stay at their designated heights and widths.

Can anyone help me out here.

-CT

 

[kaht]

Umm.... I don't think I'm even gonna touch this one. Instead you might want to take a look at these links - your methodology is extremely outdated, you should take a step back and start from the beginning:

http://www.hotdesign.com/seybold/index.html

http://davespicks.com/essays/notables.html

http://www.w3.org/2002/03/csslayout-howto

http://www.456bereastreet.com/lab/developing_with_web_standards/

http://developer.apple.com/internet/webcontent/bestwebdev.html

That should get you started.

-kaht

Looking for a puppy?

[small]Silky Terriers are small, relatively odorless dogs that shed no fur and make great indoor pets.[/small]

 

[vacunita]

Web Page layout Using Tables has gone they way of the Mammoth.

Take Kaht's advice and start learning CSS. Also I urge you to validate your html. The code you posted came back with 53 validation errors in different places.

Validate here:

http://validator.w3.org/

----------------------------------
Ignorance is not necessarily Bliss, case in point:
Unknown has caused an Unknown Error on Unknown and must be shutdown to prevent damage to Unknown.

 

[Albion]

I'm just a lowely guy who's already put many of his regular duties on hold to get this done for the company. I don't have the time nor resources to remake this page from scratch so I guess I will just hodge it together as it stands. Maybe when time allows I will do a little reading and try to repair the mess.

Sorry to bother everyone.

-CT

 

[cLFlaVA]

Albion,

I was unable to see your issue. For me, the page looked the same in both IE and Firefox (more or less). Even when I removed the complete doc-type, which I presumed was your problem, the two cells in question did not adjust.

I strongly suggest running your page through an HTML validator, which will point you in the right direction to fixing your code. Once you've done this, please post back and let us know what issues, if any, you're encountering.



*cLFlaVA
----------------------------
[tt]( <P> <B>)¹³ * (<P> <.</B>)[/tt]

[URL unfurl="true"]http://www.coryarthus.com/[/url]