Tables and percentages problem in IE

**karusho** · 06-16-2008, 12:33 PM

I have this problem with my website and Internet Explorer. In my tables, I use percentage values, and in most of the cells, there's no problem because there's content filling up space. However, in the center, I have an IFrame in a table, and in Mozilla Firefox, everything gets pulled to the sides nicely, but in Internet Explorer, the IFrame in the center disappears. As the saying goes, a picture is worth a thousand words, so here's two:

In Firefox:

In IE:

and the source code for the page (handcoded in notepad2):

Code:

<html>
<head>
<title>Null Pointer Exception</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
</head>
<body link="#333399">
    <table border="0" height="100%" cellspacing="0" bordercolor="#6666FF" cellpadding="0">
      <!--
    Start Top
    -->
   	<tr>
      <td width="100%" height="1%" colspan="3" background="bg.png"><center>
        <img src="banner.png" border="0" />
      </center></td>
    </tr>
    <tr>
      <!--
    Start Left Bar
    -->
      <td width="1%" rowspan="2" valign="top" bgcolor="#6666FF"><img src="sections.png" border="0" width="125" height="25" /><br />
        <a href="main.html" target="main">Home</a><br />
        <a href="java.html" target="main">Java Stuff</a><br />
        <a href="web.html" target="main">Web Stuff</a><br />
        <a href="protected/index.html" target="main">Protected Area</a><br />
        <br />
        <img src="affiliates.png" border="0" width="125" height="25"/><br />
        <a href="http://conceptflaw.nfshost.com">Concept Flaw</a><br />
        <a href="http://k.nfshost.com">BIOSphere</a><br />
        <br /></td>
      <!--
    Start Page
    -->
      <td width="99%" bgcolor="#FFFFFF" valign="top">
        <iframe width="100%" height="100%" id="main" name="main" src="main.html" border="0" frameborder="0" ></iframe></td>
      <!--
    Start Right Column
    -->
      <td width="1%" rowspan="2" valign="top" bgcolor="#6666FF">
        <!-- BEGIN CBOX - www.cbox.ws -->
        <div align="center" id="cboxdiv">
        <iframe frameborder="0" width="150" height="300" src="http://www4.cbox.ws/box/?boxid=3458582&amp;boxtag=gmr2g9&amp;sec=main" marginheight="0" marginwidth="0" scrolling="auto" allowtransparency="yes" name="cboxmain" style="border:#ababab 1px solid;" id="cboxmain"></iframe><br/>
        <iframe frameborder="0" width="150" height="100" src="http://www4.cbox.ws/box/?boxid=3458582&amp;boxtag=gmr2g9&amp;sec=form" marginheight="0" marginwidth="0" scrolling="no" allowtransparency="yes" name="cboxform" style="border:#ababab 1px solid;border-top:0px" id="cboxform"></iframe>
        </div>
        <!-- END CBOX --><br /></td>
    </tr>
      <!--
    Start Bottom
    -->
    <tr>
      <td height="1" bgcolor="#FFFFFF" valign="top"><center>
        <font size="1">&copy; Patrick Lin 2008 - Contact: p l i n 2 5 [at] g m a i l [dot] c o m<br />
        Hosting at <a href="http://www.nfshost.com">NearlyFreeSpeech</a> complements of <a href="http://conceptflaw.nfshost.com">Steven Liao</a><br/>
        Unique visits to this webpage:
        <!-- Start of StatCounter Code -->
        <script type="text/javascript">
        sc_project=3789362; 
        sc_invisible=0; 
        sc_partition=40; 
        sc_security="6b947c9d"; 
        sc_text=2; 
        </script>

        <script type="text/javascript" src="http://www.statcounter.com/counter/counter_xhtml.js"></script><noscript><div class="statcounter"><a href="http://www.statcounter.com/" target="_blank"><img class="statcounter" src="http://c41.statcounter.com/3789362/0/6b947c9d/0/" alt="invisible hit counter" ></a></div></noscript>
        <!-- End of StatCounter Code --></font></center></td>
    </tr>
  </table>
</body>
</html>

If anyone could help, it would be greatly appreciated - I have friends visiting that still use IE7.

~karusho

**Jaxo** · 06-16-2008, 03:56 PM

Hi karusho,

Looks like IE for some reason isn't liking your height: 100%...

Try setting the cell <td height:100% that holds the <iframe> to see if that could fix it...

It could also be due to no doctype declaration?

Hope that helps!

**karusho** · 06-16-2008, 05:35 PM

Thanks, the Doctype declaration made the IFrame appear, but in only half the large center part.

Now, I'm trying to make the bottom cell as small as possible...

**Jaxo** · 06-18-2008, 11:38 PM

Any luck getting it to look the way you want?

**karusho** · 06-24-2008, 12:09 AM

I've isolated the problem to IE7, as it looks fine in IE6.

As such, I have taken down the images as IE7 users can see the site fine, it's just that it looks messed up.

I'll keep hacking at it until I find a solution that works out.

Thanks

06-16-2008, 03:56 PM	#2 (permalink)
Jaxo Design Team Member Join Date: Feb 2008 Location: Deming, NM Posts: 288 OS: XP SP2 & Vista	Re: Tables and percentages problem in IE Hi karusho, Looks like IE for some reason isn't liking your height: 100%... Try setting the cell <td height:100% that holds the <iframe> to see if that could fix it... It could also be due to no doctype declaration? Hope that helps! __________________ Help TSF Fight Cancer! Web Developer Tools: Firebug for Firefox \| IE Developer Toolbar \| Run multiple versions of IE

06-16-2008, 05:35 PM	#3 (permalink)
karusho TSF Enthusiast Join Date: Nov 2005 Location: Silicon Valley Posts: 1,213 OS: Windows XP SP2, Windows Vista SP1, Ubuntu 8.04 My System	Re: Tables and percentages problem in IE Thanks, the Doctype declaration made the IFrame appear, but in only half the large center part. Now, I'm trying to make the bottom cell as small as possible... __________________ Laptop Specs: Sony VAIO VGN-NR160E dual-booting Vista Ultimate SP1 and Ubuntu 8.04 "Hardy Heron"

06-18-2008, 11:38 PM	#4 (permalink)
Jaxo Design Team Member Join Date: Feb 2008 Location: Deming, NM Posts: 288 OS: XP SP2 & Vista	Re: Tables and percentages problem in IE Any luck getting it to look the way you want? __________________ Help TSF Fight Cancer! Web Developer Tools: Firebug for Firefox \| IE Developer Toolbar \| Run multiple versions of IE

06-24-2008, 12:09 AM	#5 (permalink)
karusho TSF Enthusiast Join Date: Nov 2005 Location: Silicon Valley Posts: 1,213 OS: Windows XP SP2, Windows Vista SP1, Ubuntu 8.04 My System	Re: Tables and percentages problem in IE I've isolated the problem to IE7, as it looks fine in IE6. As such, I have taken down the images as IE7 users can see the site fine, it's just that it looks messed up. I'll keep hacking at it until I find a solution that works out. Thanks __________________ Laptop Specs: Sony VAIO VGN-NR160E dual-booting Vista Ultimate SP1 and Ubuntu 8.04 "Hardy Heron"