Table problems in MSIE

**Merrissey** · Sep 11th, 2004, 07:42 AM

I'm having a problem getting my table to work properly in Internet Explorer. I have a center aligned white table with a single cell, it's 650px wide and has a height of 100%. The problem is that when the page is first visisted it doesn't stretch to 100% height, yet once the user press refresh it loads fine. It seems to work fine in every other browser other than IE.

I don't have the page hosted anywhere at the moment, so I'll post the page code here and I'll attach an image of the problem.

Edit: Jesus... I just spotted another problem. I set the main text alignment to justify, and IE still wants to keep it left justified. Any suggestions?

Code:

<html>
<head>
<title>POWER</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style type="text/css">
<!--
td {  vertical-align: top}
table {  font-family: Georgia, "Times New Roman", Times, serif; font-size: 12px; color: #62836C}
A:link  { text-decoration:none; color: #FFFFFF }
A:visited { text-decoration:none; color: #FFFFFF  }
A:hover { text-decoration:underline} 
.menu {  font-family: Georgia, "Times New Roman", Times, serif; font-size: 14px; color: #FFFFFF}
.h1 {  font-family: Georgia, "Times New Roman", Times, serif; font-size: 16px; color: #62836C}
.maintable {  vertical-align: middle}
-->
</style>
</head>

<body bgcolor="#BDD2C4" text="#000000" leftmargin="30" topmargin="0" marginwidth="0" marginheight="0">
<table width="650" border="0" cellspacing="25" cellpadding="0" bgcolor="#FFFFFF" align="center" height="100%"> 
<tr>
    <td class="maintable">
      <table width="600" border="0" cellspacing="0" cellpadding="0" align="center">
        <tr> 
          <td colspan="2" bgcolor="#A9C5B2">
            <table width="600" border="0" cellspacing="5" cellpadding="0">
              <tr> 
                <td> 
                  <div align="center"><b>Fleetwood Mac - Dreams</b></div>
                </td>
              </tr>
            </table>
          </td>
        </tr>
        <tr> 
          <td bgcolor="#A9C5B2" width="150">
            <table width="100%" border="0" cellspacing="0" cellpadding="0">
              <tr> 
                <td bgcolor="#FFFFFF"><img src="images/logo.gif" width="150" height="290"></td>
              </tr>
              <tr> 
                <td>
                  <table class="menu" width="150" border="0" cellspacing="10" cellpadding="0">
                    <tr> 
                      <td> 
                        <div align="center"><b><a href="index.php">main</a></b></div>
                      </td>
                    </tr>
                    <tr> 
                      <td> 
                        <div align="center"><b><a href="articles.php">articles</a></b></div>
                      </td>
                    </tr>
                    <tr> 
                      <td> 
                        <div align="center"><b><a href="binary.php">binary</a></b></div>
                      </td>
                    </tr>
                    <tr> 
                      <td> 
                        <div align="center"><b><a href="propaganda.php">propaganda</a></b></div>
                      </td>
                    </tr>
                    <tr>
                      <td>
                        <div align="center"><b><a href="contact.php">contact</a></b></div>
                      </td>
                    </tr>
                  </table>
                </td>
              </tr>
            </table>
          </td>
          <td class="menutable" width="450" bgcolor="#E3ECE6">
            <table width="450" border="0" cellspacing="15" cellpadding="0">
              <tr> 
                <td height="250" align="justify">
                  <p><span class="h1"><b>Articles</b></span><br>
                    This is an example of an article, blah, blah, blah, blah,
                    blah, blah, blah. This is an example of an article, blah,
                    blah, blah, blah, blah, blah, blah, blah, blah, blah. </p>
                  <ul>
                    <li>article1</li>
                    <li>sad</li>
                    <li>asd</li>
                    <li>sad</li>
                    <li>xcv</li>
                    <li>dsff</li>
                  </ul>
                </td>
              </tr>
            </table>
          </td>
        </tr>
      </table>
    </td>
  </tr>
</table>
</body>
</html>

**Acidic** · Sep 11th, 2004, 08:01 AM

I think that your cache is messing things up for you. Try to clear IE's history and thingies, then try again.

now the more important ramble, use tables for tabulating information, not for layout purposes. HTMl (and this is more true with XHTML) is for creating the information, not for displaying it. Use CSS to display information as you want it shown. You'll have more flexibility and it allows for easier editing. go to www.w3schools.com to learn some of the very basics of CSS.

**Merrissey** · Sep 11th, 2004, 08:13 AM

I'll have a read through that. Though, I don't think the cache is the problem, it does this with every page of the site, and from different computers.

**Acidic** · Sep 11th, 2004, 09:03 AM

well, for me is showed it correctly in btoh IE and FireFox, first and consecutive times.

**Merrissey** · Sep 11th, 2004, 02:31 PM

I'm guessing it's probably because I'm using an older version of IE. The only reason I keep it around is for testing my pages, so I never feel the need to upgrade it. Anyway the problem's fixed now, I took your advice and redid the page with CSS and it's working a ton better.

Thread: Table problems in MSIE

Thread Tools

Display

Table problems in MSIE

Posting Permissions