Need help on alignment problems (I think it's PHP related)

JavaScript and client side scripting.

Moderator: General Moderators

Post Reply
jonas
Forum Commoner
Posts: 96
Joined: Sun May 23, 2004 9:25 pm

Need help on alignment problems (I think it's PHP related)

Post by jonas »

Hey I'm currently working on a web comic website and I ran into a little tiny problem. I cannot get the left column beside the news/reply table to line up properly. The 2 Uh HEY images and the few images in between those are supposed to be aligned at the top. The image of the robot and the guy on fire is supposed to rest always at the bottom of the table, no matter how many replies there are.
Thing is, this happens in IE. It works fine but in Firefox (which I use) it does not align properly. In fact in the status bar it will load the site and continue to say 'Waiting for robobo.com' even though the site seems to be finished. Is there a connection problem with my code?
Can someone please help me get this alignment problem fixed. I'm reaching for straws here. If you save the page to your desktop in IE then open that in Firefox it displays correctly! But it will not display correctly in Firefox without doing this!

My site is located at http://www.robobo.com/soon/index.php

Any help would be greatly appreciated.
Here is my code:

Code: Select all

<?php
include("../dbcon/connect_db.inc.php");
$query="SELECT * FROM comics WHERE comic_latest='1'";
$mysql_stuff = mysql_query($query);
while($roc = mysql_fetch_row($mysql_stuff)){
	$comicid=$roc[0];
	$comicurl=$roc[1];
	$comicupdatetext=$roc[4];
	$comicupdatetitle=$roc[5];
	$comicupdateuser=$roc[6];
	$comicupdatetime=$roc[7];
	$comicpreviousid=$roc[9];
}
$query="SELECT * FROM users WHERE user_name='$comicupdateuser'";
$mysql_stuff = mysql_query($query);
while($roc = mysql_fetch_row($mysql_stuff)){
	$useravatar=$roc[2];
	$useremail=$roc[3];
}
print("<html>
<head>
<title>The Olde Wise Tales of Robobo</title>
<script language=\"JavaScript\" type=\"text/JavaScript\">
<!--
function MM_preloadImages() { //v3.0
  var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
    var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
    if (a[i].indexOf(\"#\")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}

function MM_findObj(n, d) { //v4.01
  var p,i,x;  if(!d) d=document; if((p=n.indexOf(\"?\"))>0&&parent.frames.length) {
    d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
  if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
  for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
  if(!x && d.getElementById) x=d.getElementById(n); return x;
}

function MM_swapImgRestore() { //v3.0
  var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
}

function MM_swapImage() { //v3.0
  var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
   if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}
//-->
</script>
</head>
<body bgcolor=\"#205D93\" text=\"#FFFFFF\" link=\"#FFFF99\" vlink=\"#FFFF99\" alink=\"#FFFF99\" leftmargin=\"0\" topmargin=\"0\" marginwidth=\"0\" marginheight=\"0\" onLoad=\"MM_preloadImages('images/homeb.gif','images/beginningb.gif','images/previousb.gif')\">
<table width=\"100%\" height=\"100%\" border=\"0\" cellpadding=\"0\" cellspacing=\"0\">
  <tr>
    <td valign=\"top\">
<div align=\"center\">
        <table width=\"760\" height=\"100%\" border=\"0\" cellpadding=\"0\" cellspacing=\"0\">
          <tr>
            <td> 
              <table width=\"695\" height=\"100%\" border=\"0\" align=\"center\" cellpadding=\"0\" cellspacing=\"0\">
                <tr> 
                  <td>"); include('http://www.robobo.com/soon/header.php'); print("</td>
                </tr>
                <tr> 
                  <td><div align=\"center\"><img src=\"$comicurl\" width=\"695\" height=\"362\"></div></td>
                </tr>
                <tr> 
                  <td height=\"19\"> <table width=\"95%\" border=\"0\" align=\"center\" cellpadding=\"0\" cellspacing=\"0\">
                      <tr> 
                        <td><table border=\"0\" cellpadding=\"0\" cellspacing=\"0\">
                            <tr> 
                              <td><img src=\"images/cogleftbut.gif\" width=\"22\" height=\"21\"></td>
                              <td><a href=\"http://www.robobo.com/archivec.php?id=1\" onMouseOut=\"MM_swapImgRestore()\" onMouseOver=\"MM_swapImage('Beginning','','images/beginningb.gif',1)\"><img src=\"images/beginninga.gif\" alt=\"Go to the first comic\" name=\"Beginning\" width=\"63\" height=\"21\" border=\"0\"></a></td>
                              <td><img src=\"images/cogspacer.gif\" width=\"16\" height=\"21\"></td>
                              <td><a href=\"http://www.robobo.com/archivec.php?id=$comicpreviousid\" onMouseOut=\"MM_swapImgRestore()\" onMouseOver=\"MM_swapImage('Previous','','images/previousb.gif',1)\"><img src=\"images/previousa.gif\" alt=\"Go back to previous comic\" name=\"Previous\" width=\"57\" height=\"21\" border=\"0\"></a></td>
                              <td><img src=\"images/cogrightbut.gif\" width=\"22\" height=\"21\"></td>
                            </tr>
                          </table></td>
                      </tr>
                    </table>
                    <div align=\"center\"></div></td>
                </tr>
                <tr> 
                  <td><table width=\"695\" border=\"0\" align=\"center\" cellpadding=\"0\" cellspacing=\"0\">
                      <tr> 
                        <td><div align=\"center\"><a href=\"home.php\" onMouseOut=\"MM_swapImgRestore()\" onMouseOver=\"MM_swapImage('Home1','','images/homeb.gif',1)\"> 
                            </a><img src=\"images/adspacer.gif\" width=\"695\" height=\"20\"></div></td>
                      </tr>
                    </table></td>
                </tr>
                  <TR>
                <TD>
                  <DIV align=center>
                  <TABLE height=\"100%\" cellSpacing=0 cellPadding=0 width=695 
                  border=0>
                    <TBODY>
                    <TR>
                      <TD>"); include('http://www.robobo.com/soon/sidebar.php'); print("</td>
                          <td><table width=\"545\" border=\"0\" cellspacing=\"0\" cellpadding=\"0\">
                              <tr> 
                                <td><div align=\"right\"> 
                                    <table width=\"100%\" border=\"0\" cellspacing=\"0\" cellpadding=\"2\">
                                      <tr> 
                                        <td><img src=\"images/news-graphic.gif\" width=\"545\" height=\"40\"></td>
                                      </tr>
                                    </table>
                                  </div></td>
                              </tr>
                              <tr> 
                                <td><table width=\"100%\" border=\"0\" cellspacing=\"0\" cellpadding=\"0\">
                                    <tr> 
                                      <td><div align=\"left\"><font size=\"2\" face=\"Arial, Helvetica, sans-serif\"><strong>$comicupdatetitle</strong></font></div></td>
                                    </tr>
                                    <tr> 
                                      <td height=\"68\"> <table width=\"100%\" border=\"0\" cellspacing=\"0\" cellpadding=\"3\">
                                          <tr> 
                                            <td width=\"9%\" height=\"68\" valign=\"bottom\"> 
                                              <font size=\"2\" face=\"Arial, Helvetica, sans-serif\"><img src=\"$useravatar\"></font></td>
                                            <td width=\"91%\"><font size=\"1\" face=\"Arial, Helvetica, sans-serif\">Posted 
                                              by: <a href=\"mailto:$useremail\">$comicupdateuser</a><br>
                                              $comicupdatetime</font></td>
                                          </tr>
                                        </table></td>
                                    </tr>
                                    <tr> 
                                      <td><div align=\"left\"><font size=\"2\" face=\"Arial, Helvetica, sans-serif\">$comicupdatetext</font></p>
                                          <font size=\"2\" face=\"Arial, Helvetica, sans-serif\"> 
                                          </font></div></td>
                                    </tr>
                                    <tr> 
                                      <td><div align=\"center\"><img src=\"images/updatebreak-graphic.gif\" width=\"545\" height=\"20\"></div></td>
                                    </tr>
                                  </table></td>
                              </tr>
                              <tr> 
                                <td><table width=\"100%\" border=\"0\" cellspacing=\"0\" cellpadding=\"0\">");
$query="SELECT * FROM replies WHERE comic_id='$comicid' ORDER BY reply_id ASC";
$mysql_stuff = mysql_query($query);
if (mysql_num_rows($mysql_stuff) == 0){
	print("");
}
while($roc = mysql_fetch_row($mysql_stuff)){
	$replyid=$roc[0];
	$replyuser=$roc[2];
	$replytitle=$roc[3];
	$replytext=$roc[4];
	$replytime=$roc[5];
	$replyuseravatar=$roc[6];
	$replyuseremail=$roc[7];
print("<tr><td><div align=\"left\"><font size=\"2\" face=\"Arial, Helvetica, sans-serif\"><strong>$replytitle</strong></font></div></td>
</tr>
<tr> 
<td height=\"68\"> <table width=\"100%\" border=\"0\" cellspacing=\"0\" cellpadding=\"3\">
<tr> 
<td width=\"8%\" height=\"68\" valign=\"bottom\"> 
<font size=\"2\" face=\"Arial, Helvetica, sans-serif\"><img src=\"$replyuseravatar\"></font></td>
<td width=\"92%\"><font size=\"1\" face=\"Arial, Helvetica, sans-serif\">Posted 
by: <a href=\"mailto:$replyuseremail\">$replyuser</a><br>
Date: $replytime</font></td>
</tr>
</table></td>
</tr>
<tr> 
<td><div align=\"left\"><font size=\"2\" face=\"Arial, Helvetica, sans-serif\">$replytext</font></div></td>
</tr>
<tr> 
<td><div align=\"center\"><img src=\"images/updatebreak-graphic.gif\" width=\"545\" height=\"20\"></div></td>
</tr>");
}
                              print("</table></td>
                              </tr>
                              <tr> 
                                <td>"); include('http://www.robobo.com/soon/footer.php'); print("</td>
                              </TR></TBODY></TABLE></TD></TR></TBODY></TABLE></DIV></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></DIV></TD></TR></TBODY></TABLE></BODY></HTML>
");
?>
jonas
Forum Commoner
Posts: 96
Joined: Sun May 23, 2004 9:25 pm

Post by jonas »

Here is the code for the sidebar.php page. Although I do not believe it is something within' this page as it aligns 100% of the height if you view it alone.

Code: Select all

<TABLE height="100%" cellSpacing=0 cellPadding=0 
                        width=150 border=0>
  <TBODY>
    <TR> 
      <TD vAlign=top> <TABLE cellSpacing=0 cellPadding=5 width=150 
                              border=0>
          <TBODY>
            <TR> 
              <TD vAlign=top width=246 height=20> <DIV align=left></DIV></TD>
            </TR>
            <TR> 
              <TD vAlign=top height=18> <DIV align=center></DIV></TD>
            </TR>
            <TR> 
              <TD vAlign=top height=29> <DIV align=center><A 
                                href="http://www.robobo.com/community"><IMG 
                                height=85 
                                src="images/forumad.jpg" 
                                width=150 border=0></A> </DIV></TD>
            </TR>
            <TR> 
              <TD vAlign=top> <DIV align=center><IMG height=30 
                                src="images/supportrobobo.jpg" 
                                width=150></DIV></TD>
            </TR>
            <TR> 
              <TD vAlign=top> <TABLE cellSpacing=0 cellPadding=0 width=150 
                                border=0>
                  <TBODY>
                    <TR> 
                      <TD width=88><A 
                                href="http://www.robobo.com/"><IMG height=31 
                                src="support/bannera.gif" 
                                width=88 border=0></A></TD>
                      <TD width=62> <DIV align=center><IMG height=31 
                                src="support/88x31.gif" 
                                width=42></DIV></TD>
                    </TR>
                  </TBODY>
                </TABLE></TD>
            </TR>
            <TR> 
              <TD vAlign=top> <DIV align=center>HI HI HI HI HI HI HI</DIV></TD>
            </TR>
            <TR> 
              <TD vAlign=top><A 
                                href="http://www.robobo.com/community"><IMG 
                                height=85 
                                src="images/forumad.jpg" 
                                width=150 border=0></A></TD>
            </TR>
            <TR> 
              <TD vAlign=top>&nbsp;</TD>
            </TR>
            <TR> 
              <TD 
                          vAlign=top>&nbsp;</TD>
            </TR>
          </TBODY>
        </TABLE></TD>
    </TR>
    <TR> 
      <TD vAlign=bottom> <TABLE cellSpacing=0 cellPadding=0 width="100%" 
                              border=0>
          <TBODY>
            <TR> 
              <TD vAlign=bottom> <DIV align=center><IMG height=173 
                                src="images/bottom-left.gif" 
                                width=150></DIV></TD>
            </TR>
          </TBODY>
        </TABLE>
        <DIV align=center></DIV></TD>
    </TR>
  </TBODY>
</TABLE>
Post Reply