Browser Difference

cdc5205

The table views bigger in IE than in firefox, i've tried some stuff and it doesn't change. This is my page, it's not really in use just testing playing with php/mysql.

cdc.servebeer.com/blog/blog.php

Thats the link, the comment page appears fine in both, but just the main blog page doesn't appear right. I copied and pasted the table code and checked and both have the same height and width. Probably a newbie question, just don't know how to go about making it work.

Here's the nested tables' code:

<td width="333" height="25" bgcolor="#ACBE17"><form name="form2" method="get" action="comments.php">
          <? echo $date; ?> | <? echo $title; ?> |          <input type="hidden" name="idnum" value="<?php echo $id; ?>">
          <a href="http://cdc.servebeer.com/blog/comments.php?idnum=<?php echo $id; ?>">
		  <?php 
		  $comments=mysql_query("SELECT commentid FROM comments WHERE commentid = '$id'") or die("comment died");
		 $comment_num_rows=mysql_num_rows($comments);
		 $commentnumbers=0;
		 if ($comment_num_rows == 0 ) {
		 echo "No ";
		 } else {
		 echo $comment_num_rows ." ";
		}
		  	?>Comments</a>          

          </form></td>
        </tr>
        <tr>
          <td height="110" valign="top"><? echo $entry; ?></td>
        </tr>
      </table>

bpat1434

Well, in looking at the code on your site, you have 2 <html> opening tags, and plenty of other just basic HTML issues. You need to clean those up first. Once you clean those up, then you can start to work at getting the layout properly.

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Chad's Blog</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style type="text/css">
<!--
body {
	background-color: #84857A;
}
-->
</style></head>

<body>
<table width="412" height="342" border="0" align="center" cellpadding="0" cellspacing="0">
  <tr bgcolor="#DFDFDF">
    <td width="412" height="51" valign="top"><div align="center">
      <p><a href="blog.php"><img src="logo.gif" width="294" height="51" border="0"></a></p>
      </div></td>
  </tr>
  <tr bgcolor="#DFDFDF">
    <td height="28" valign="top"><form action="search.php" method="get" name="search_form" id="search_form">
      Home | <a href="archive.php">Archives</a> | Search:
          <input name="search" type="text" id="search">
      <input type="submit" name="Submit" value="search">      

          </form>
    </td>
  </tr>
  <tr bgcolor="#DFDFDF">
    <td height="197" valign="top"><!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>
<body>

</body>
</html>
      <table width="339" height="134" border="0" align="center" cellpadding="0" cellspacing="0">
        <tr>
          <td width="333" height="25" bgcolor="#ACBE17"><form name="form2" method="get" action="comments.php">
          March 18,2006 | 3rd page? |          <input type="hidden" name="idnum" value="9">
          <a href="http://cdc.servebeer.com/blog/comments.php?idnum=9">
		  No Comments</a>          

          </form></td>
        </tr>
        <tr>
          <td height="110" valign="top">The 9th do we make a third page?</td>
        </tr>
      </table>
	         <table width="339" height="134" border="0" align="center" cellpadding="0" cellspacing="0">
        <tr>
          <td width="333" height="25" bgcolor="#ACBE17"><form name="form2" method="get" action="comments.php">
          March 18,2006 | 8th |          <input type="hidden" name="idnum" value="8">
          <a href="http://cdc.servebeer.com/blog/comments.php?idnum=8">
		  No Comments</a>          

          </form></td>
        </tr>
        <tr>
          <td height="110" valign="top">omgg</td>
        </tr>
      </table>
	         <table width="339" height="134" border="0" align="center" cellpadding="0" cellspacing="0">
        <tr>
          <td width="333" height="25" bgcolor="#ACBE17"><form name="form2" method="get" action="comments.php">
          March 18,2006 | 6th entry |          <input type="hidden" name="idnum" value="7">
          <a href="http://cdc.servebeer.com/blog/comments.php?idnum=7">
		  No Comments</a>          

          </form></td>
        </tr>
        <tr>
          <td height="110" valign="top">Hello bobb</td>
        </tr>
      </table>
	         <table width="339" height="134" border="0" align="center" cellpadding="0" cellspacing="0">
        <tr>
          <td width="333" height="25" bgcolor="#ACBE17"><form name="form2" method="get" action="comments.php">
          March 16,2006 | One more little test |          <input type="hidden" name="idnum" value="6">
          <a href="http://cdc.servebeer.com/blog/comments.php?idnum=6">
		  1 Comments</a>          

          </form></td>
        </tr>
        <tr>
          <td height="110" valign="top">Hello, is this sill working?</td>
        </tr>
      </table>
	   	   <div align="center">
	     <a href='blog.php?p=4'>Next</a> | <a href="blog.php">Home</a>
	   </div>
    <tr bgcolor="#DFDFDF">
      <td height="20" valign="top">    <div align="center"></div>
  </table>

  </td>
  </tr>

</table>

</body>
</html>

I think the reason FF displays it okay is because the rendering engine (Gecko) is using "Quirks Mode" so it's guessing what you meant to display. Usually it's pretty good about guessing. IE, not so much. So fix the HTML, and you should be more on your way to getting this fixed.

cdc5205

thanks for the reply. I use Dreamweaver for html, does it create some bad html or did I more than likely mess it up when writing the php? I used tidyUI to tidy up the HTML. here's what it looks like now.

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">

<html>
<head>
    <title>Chad's Blog</title>
    <meta http-equiv="Content-Type"
          content="text/html; charset=us-ascii">
    <style type="text/css">
    <!--
    body {
        background-color: #84857A;
    }
    -->
    </style>
</head>

<body>
    <table width="412"
           height="342"
           border="0"
           align="center"
           cellpadding="0"
           cellspacing="0">
        <tr bgcolor="#DFDFDF">
            <td width="412"
                height="51"
                valign="top">
                <div align="center">
                    <p><a href="blog.php"><img src="logo.gif"
                         width="294"
                         height="51"
                         border="0"></a></p>
                </div>
            </td>
        </tr>

    <tr bgcolor="#DFDFDF">
        <td height="28"
            valign="top">
            <form action="search.php"
                  method="get"
                  name="search_form"
                  id="search_form">
                Home | <a href="archive.php">Archives</a> |
                Search: <input name="search"
                      type="text"
                      id="search"> <input type="submit"
                      name="Submit"
                      value="search">
            </form>
        </td>
    </tr>

    <tr bgcolor="#DFDFDF">
        <td height="197"
            valign="top">
            <?php 
                    include 'admin/db.php';

                    if (!isset($_GET['p'])) {

                    $limit=0;
                    }else {
                    $limit=$_GET['p'];
                    }
                    $endpoint=($limit+4);
                    $result = mysql_query( "SELECT id,date,title,entry FROM data order BY id DESC limit $limit, $endpoint " )
            or die("SELECT Error: ".mysql_error());
            $num_rows = mysql_num_rows($result);
            $i=0;
            $r=0;
            while ($i < $num_rows )
            {
            $id=mysql_result($result,$i,'id');
            $date=mysql_result($result,$i,'date');
            $title=mysql_result($result,$i,'title');
            $entry=mysql_result($result,$i,'entry');
            ?>

            <table width="339"
                   height="134"
                   border="0"
                   align="center"
                   cellpadding="0"
                   cellspacing="0">
                <tr>
                    <td width="333"
                        height="25"
                        bgcolor="#ACBE17">
                        <form name="form2"
                              method="get"
                              action="comments.php">
                            <? echo $date; ?>
                            | <? echo $title; ?>
                             | <input type="hidden"
                                  name="idnum"
                                  value="<?php echo $id; ?>">
                                  <a href=
                                  "http://cdc.servebeer.com/blog/comments.php?idnum=%3C?php%20echo%20$id;%20?%3E">
                            <?php 
                                              $comments=mysql_query("SELECT commentid FROM comments WHERE commentid = '$id'") or die("comment died");
                                             $comment_num_rows=mysql_num_rows($comments);
                                             $commentnumbers=0;
                                             if ($comment_num_rows == 0 ) {
                                             echo "No ";
                                             } else {
                                             echo $comment_num_rows ." ";
                                            }
                                                    ?>Comments</a>
                        </form>
                    </td>
                </tr>

                <tr>
                    <td height="110"
                        valign="top"><? echo $entry; ?>
                    </td>
                </tr>
            </table><?
              $i++;
              $r++;
              }
              ?>

            <div align="center">
                <?php 


                           if ($num_rows >= $limit) {
                           $limit=$limit + 4;

                            echo "<a href='blog.php?p=$limit'>Next</a>";
                           echo " ". "|" . " ";

                           }
                           //echo "</table>";?><a href=
                "blog.php">Home</a>
            </div>
        </td>
    </tr>

    <tr bgcolor="#DFDFDF">
        <td height="20"
            valign="top">
            <div align="center"></div>
        </td>
    </tr>
</table>
</body>
</html>