[SOLVED] Page Line Up

[everlifefree]

Ok, here's my code that needs to be fixed it isn't lining up how I would like it to, I would like it keep everything lined up across the top and extend down all it needs to instead of shifting like it is now. I you would like to look at it in action go to http://spadespace.com.

 

Login Info:

Email: demo@spadespace.com

Password: demo123

 

Please help, Thanks

 

<TABLE cellSpacing=0 cellPadding=2 width="100%" border=0>
<TBODY>
<TR>
<TD width=350>
<TABLE cellSpacing=0 cellPadding=2 width="350" border=0>
<TBODY>
<TR>
<TD valign=top width=345>
<TABLE width="345" cellSpacing=0 cellPadding=0 border=1 rules=none frame=box>
<TBODY>
<TR id=headtitle>Welcome, {me.username} 
</TR>
<TR>
<TD>
<DIV><A href="?L=users.profile&id={me.id}"><IMG id=picture 
alt="[My Picture {125}]" hspace=2 
src="system/image.php?file={me.mainpicture}&width=260" vspace=2 border=0 
name=picture></A> 
<TABLE align=center border=0>
<TBODY>
<TR>
<TD><B>View My:</B> 
<BR><A href="?L=users.profile&id={me.id}">Profile</A> | 
<A href="?L=pictures.gallery&id={me.id}">Pics</A> | <A 
href="?L=blogs.blog&id={me.id}">Blog</A> </TD>
</TR>
<TR>
<TD><A href="?L=comments.usercomments&id={me.id}">Comments</A> | <A 
href="?L=contacts.contacts">Friends</A></TD>
</TR>
</TBODY>
</TABLE>
</DIV></TD>
<TD vAlign=top>
<DIV class="left w40 marRL5" id=home_profileInfoLinks><SPAN 
style="WHITE-SPACE: nowrap"><A href="?L=users.myself">Edit Profile</A></SPAN> 

<BR>
<BR><SPAN style="WHITE-SPACE: nowrap"><A href="?L=users.settings">Account 
Settings</A></SPAN> 
<BR>
<BR><SPAN style="WHITE-SPACE: nowrap"><A 
href="?L=pictures.pictures">Upload / Change Photos</A></SPAN> 
<BR>
<BR><SPAN 
style="WHITE-SPACE: nowrap"><A href="?L=events.create">Create Event</A> 

<BR>
<BR></SPAN><SPAN style="WHITE-SPACE: nowrap"><A 
href="?L=blogs.blog&id={me.id}">Manage Blog</A></SPAN> 
<BR>
<BR><SPAN 
style="WHITE-SPACE: nowrap"></SPAN></DIV></TD>
</TR>
<TR>
<TD colSpan=2>My URL: <A href="http://www.spadespace.com/{me.username}"><SPAN 
style="PADDING-RIGHT: 2px; PADDING-LEFT: 2px; FONT-WEIGHT: normal; PADDING-BOTTOM: 2px; PADDING-TOP: 2px; BACKGROUND-COLOR: #ffffcc">spadespace.com/{me.username}</SPAN></A> 
<br><br></TD>
</TR>
</TBODY>
</TABLE>
</TD>
</TR>
<TR>
<TD width=345>
<TABLE width="345" cellSpacing=0 cellPadding=0 border=1 rules=none frame=box>
<TBODY>
<TR id=headtitle>Notifications 
</TR>
<TR>	 
<ZONE notifications newContact>
            <tr>
              <td align="center" valign="top"> <a href="?L=contacts.contacts"><strong>New Friend Request</strong></td>
           </tr>
	  </ZONE notifications newContact>
	  <ZONE notifications newMail>
            <tr>
              <td align="center" valign="top">
                 <a href="?L=mails.mails"><strong>{mails.counter} New Messages</strong></a></td>
            </tr>
	  </ZONE notifications newMail>
  <ZONE commentsToday enabled>
     <tr>
              <td align="center" valign="top">
                 <A href="?L=comments.usercomments&id={me.id}"><strong>New Comments Today</strong></a></td>
            </tr>
	  </ZONE commentsToday enabled>
<td>
<ZONE photocommentsToday enabled><LOOP photocommentsTodayLoop>
     <tr>
              <td align="center" valign="top">
                 <a href="?L=pictures.gallery&id={comment.rel}&pid={comment.photoid}"><strong>New Photo Comments Today</strong></a></td>
            </tr>
</LOOP photocommentsTodayLoop>
</ZONE photocommentsToday enabled>
 <ZONE ecardsToday enabled><LOOP ecardsTodayLoop>
     <tr>
              <td align="center" valign="top">
                 <a href="?L=ecards.index&id={ecard.id}"><strong>New E-Card Today</strong></a></td>
            </tr>
</LOOP ecardsTodayLoop>
 </ZONE ecardsToday enabled>
</TR>
</TR></TR>
</TBODY>
</TABLE>
</TD>
</TR>

<TR>
<TD width=345>
<TABLE width="345" cellSpacing=0 cellPadding=0 border=1 rules=none frame=box>
<TBODY>
<TR id=headtitle>My Mail 
</TR>
<TR>
<TD align=center><A href="?L=mails.write">Write</A></TD>
<TD align=center><A href="?L=contacts.contacts">Friend Requests</A></TD>
</TR>
<TR>
<TD align=center><A href="?L=mails.mails">Inbox</A></TD>
<TD align=center><A href="?L=bulletins.create">Post Bulletin</A></TD>
<TR></TR></TR>
</TBODY>
</TABLE>
</TD>
</TR>
<TR>
<TD width=345>
<TABLE width="345" cellSpacing=0 cellPadding=0 border=1 rules=none frame=box>
<TBODY><ZONE siteNews enabled>
	    <LOOP siteNewsLoop>
<TR>
<TD id=headtitle>Admin Updates</TD>
</TR>
<TR>
<TD vAlign=top>
	 <img src="{themePath}/images/icons/date.gif" alt="[Date {135}]" width="16" height="16" hspace="2" align="absmiddle" /> {news.date}:  <strong>{news.title}</strong></br>
		  {news.body}
		  <br /><br />
	    </LOOP siteNewsLoop>          </ZONE siteNews enabled>
	  
	  <ZONE siteNews noNewsArticle>
<TR id=headtitle>Upcoming Events</TR>
<TR>
<TD>
<LOOP nextEvents><IMG alt="[Date {135}]" hspace=2 
src="{themePath}/images/icons/date.gif" align=absMiddle><A 
href="?L=events.event&id={event.id}">{event.date}: {event.title}</A> 

<BR></LOOP nextEvents></TD>
</TR><TR><TD></TD><TD align="right"><a href="?L=events.all">View All</a></TD></TR>
	   </ZONE siteNews noNewsArticle>
</TBODY>
</TABLE>
</TD>
</TR>
<TR>
<TD width=345>
<TABLE width="345" cellSpacing=0 cellPadding=0 border=1 rules=none frame=box>
<TBODY>
<TR id=headtitle>Bulletins</TR>
<TR>
<TD>
<LOOP nextBulletins><A 
href="?L=bulletins.event&id={bulletin.id}">{bulletin.username}: {bulletin.title}</A> 
<BR></LOOP nextBulletins>
</TD>
</TR>
</TR><TR><TD></TD><TD align="right"><a href="?L=bulletins.all">View All</a></TD></TR>
</TBODY>
</TABLE>
</TD>
</TR>
</TBODY>
</TABLE>
</TD>
<TD width=600>
<TABLE cellSpacing=0 cellPadding=2 width="600" border=0>
<TBODY>
<TR>
<TD valign=top height=255 width=310>
<TABLE width="310" cellSpacing=0 cellPadding=0 border=1 rules=none frame=box>
<TBODY>
<TR id=headtitle>Sponsors 
</TR>
<TR>
<TD><!-- Begin: AdBrite -->
<SCRIPT type=text/javascript>
var AdBrite_Title_Color = 'FFFFFF';
var AdBrite_Text_Color = 'CCCCCC';
var AdBrite_Background_Color = '000000';
var AdBrite_Border_Color = '000000';
</SCRIPT>

<SCRIPT 
src="http://ads.adbrite.com/mb/text_group.php?sid=506277&zs=3330305f323530" 
type=text/javascript></SCRIPT>

<DIV><A style="FONT-WEIGHT: bold; FONT-SIZE: 13px; FONT-FAMILY: Arial" 
href="http://www.adbrite.com/mb/commerce/purchase_form.php?opid=506277&afsid=1" 
target=_top>Your Ad 
Here</A></DIV><!-- End: AdBrite --></TD>
</TR>
</TBODY>
</TABLE>
</TD>
<TD valign=top height=255 width=290>
<TABLE width="290" cellSpacing=0 cellPadding=0 border=1 rules=none frame=box>
<TBODY>
<TR id=headtitle>{today.date} 
</TR>
<TR>
<TD><B>Ranking Score:</B> {votes.average}/5
<BR><B>Profile Views:</B> {views.total}<BR> 

<BR><B>Show My:</B> 
<BR><a href="?L=users.fav">Favorite Blogs</a>
<BR>{artists.total} <a href="?L=artists.browse&usr={me.id}">Music Posts</a>
<BR>{video.total} <a href="?L=video.browse&usr={me.id}">Video Posts</a>
<BR>{gallery.total} <a href="?L=gallery.browse&usr={me.id}">Gallery Posts</a>
<BR>{ezine.total} <a href="?L=ezine.browse&usr={me.id}">Article Posts</a>
<BR>{classifieds.total} <a href="?L=classifieds.browse&usr={me.id}">Classified Post</a><BR>
</TD>
</TR>
<TR><TD valign=top width=290><br>
  <ZONE nudges block>
<TABLE width="290" cellSpacing=0 cellPadding=0 border=1 rules=none frame=box>
<TBODY>
<TR id=headtitle>New Nudges
</TR>
<TR>
<TD>
	  <table width="100%" border="0" cellspacing="3" cellpadding="0">
            <tr>
              <td valign="top">[You've got nudges! {7940}]</td>
              <td align="right" valign="top"><a href="?L=users.desktop&clearnudges=1">[Clear All {7945}]</a></td>
            </tr>
            <tr>
              <td colspan="2" valign="top">
                <LOOP nudge>
			  <div style="clear:both;">
			    <img src="system/cache/images/nudges/{nudge.icon}" alt="" hspace="2" vspace="2" border="0" align="absmiddle" />
                    <a href="?L=users.profile&id={nudge.user}">{nudge.body}</a>
			    <br />
			  </div>
			</LOOP nudge>
		  </td>
            </tr>
          </table>

    </TD>
      </TR></TBODY></TABLE>
      </ZONE nudges block>
</TD>
</TR>
</TBODY>
</TABLE>
</TD>
</TR>
</TD>
</TR>
</TBODY>
</TABLE>


<TABLE cellSpacing=0 cellPadding=2 width="100%" border=0>
<TBODY>
<TR>
<TD>
<TR>
<TD width=600>
<TABLE width="600" cellSpacing=0 cellPadding=0 border=1 rules=none frame=box>
<TBODY>
<TR id=headtitle>Newest Blogs 
</TR>
<TR>
<TD>
<ZONE blogsToday enabled>
	  <table width="100%" border="0" cellspacing="0" cellpadding="0">
            <tr>
              <td>
		    <LOOP blogsTodayLoop>
		      <div style="clear:both; padding-bottom:4px; padding-top:3px; border-bottom: solid 1px #E5E9EC; height:28px;">
			    <a href="?L=users.profile&id={blog.userid}">
			      <img src="system/image.php?file={blog.mainpicture}&width=30" name="picture" hspace="2" border="0" align="left" id="picture" /></a>
				  <a href="?L=blogs.blog&article={blog.id}">{blog.title}</a>
				  <h5>[blog article by <a href="?L=users.profile&id={blog.userid}">{blog.username}</a> posted at {blog.time} (~{blog.words} words) {7965}]</h5>
		      </div>
                </LOOP blogsTodayLoop>
		  </td>
            </tr>
          </table>
	  <br />
          </ZONE blogsToday enabled>
</TD>
</TR>
</TBODY>
</TABLE>
</TD>
</TR>
<TR>
<TD width=600>
<TABLE width="600" cellSpacing=0 cellPadding=0 border=1 rules=none frame=box>
<TBODY>
<TR id=headtitle>My Friends
</TR>
      <tr>
        <td bgcolor="#DCE6FF"> </td>
        <td bgcolor="#DCE6FF">
	  <div class="tabber"> 
        <ZONE contactsTabsZone contactsTabEnabled>
		<LOOP contactsTabs>
              <div class="tabbertab">
                <h2>{tabName} ({userCount})</h2>
                <p>{tabContent}</p>
              </div>
            </LOOP contactsTabs>
        <p style="clear:both;"> </p>
		</ZONE contactsTabsZone contactsTabEnabled>

		<ZONE contactsTabsZone contactsTabNoGroup>
		  [sorry you have no groups and/or contacts {7905}]
		</ZONE contactsTabsZone contactsTabNoGroup>

            <OBJ noContact><strong>[This group contains no contact {7910}]</strong></OBJ noContact>

		<OBJ userBlock>
		  <div style="float:left; clear:none; padding-bottom: 10px;">
                <a href="?L=users.profile&id={id}">
                  <img src="system/image.php?file={mainpicture}" alt="[Picture {150}]" hspace="2" border="0" id="picture" /></a>
                <br />
              <p><a href="?L=users.profile&id={id}">{username}</a></p></div>
            </OBJ userBlock>

		<OBJ onlineUserBlock>
		  <div style="float:left; clear:none; padding-bottom: 10px;">
                <a href="?L=users.profile&id={id}">
                  <img src="system/image.php?file={mainpicture}" alt="[Picture {150}]" hspace="2" border="0" id="picture" /></a>
                <br />
                <p><img src="theme/default/images/icons/status/online_mini.gif" width="10" height="10" align="baseline" /> 
		  <a href="?L=users.profile&id={id}"><strong>{username}</strong></a></p></div>
            </OBJ onlineUserBlock>
          </div>		  </td>
        <td width="20" bgcolor="#DCE6FF"> </td>
      </tr>
</TBODY>
</TABLE>
</TD>
</TR>
<TR>
<TD width=600>
<TABLE width="600" cellSpacing=0 cellPadding=0 border=1 rules=none frame=box>
<TBODY>
<TR id=headtitle>My Horoscope 
</TR>
<TR>
<TD>{today.horoscope}</TD><td><img src="theme/default/images/icons/zodiac/{me.astrologic_sign}.gif" alt="Spacer" /></td>
</TR>
</TBODY>
</TABLE>
</TD>
</TR>
</TBODY>
</TABLE>
</TD>
</TR>
</TBODY>
</TABLE>

[everlifefree]

still need help... Anyone??

[themistral]

Hi - I've look at your site and am unsure what you mean.

What is 'shifting'?

And does the same thing happen in both IE and Firefox?

[everlifefree]

The two colums shift and it does in IE i am unsure about firefox.

[themistral]

Do you mean that the index page is wider than the rest of the site - and the 2 columns are the black ones either side of your content?

Other than this I can't see what the problem might be...