Forum widgets zweven naast het profiel?

Hallo,

Ik heb laatst wat widgets ingesteld op mijn forum, maar om de een of andere reden zweven ze zeg maar 'naast' het forum als ik op het profiel kijk. Ik heb de template aangepast en dit heeft daar hoogstwaarschijnlijk mee te maken.
Hier is de site: http://layouttestn.actieforum.com/u1
En hier het template na mijn aanpassingen:

Code:

<table width="100%" border="0" cellspacing="2" cellpadding="0" align="center">
<tr>
<td><span class="nav"><a class="nav" href="{U_INDEX}">{L_INDEX}</a></span></td>
</tr>
</table>

<div class="ffs">
<table width="100%" border="0" cellspacing="1" cellpadding="0" align="center">
  <tr>
      <th class="thHead" colspan="2" nowrap="nowrap" height="25">{L_VIEWING_PROFILE}</th>
  </tr>
  <tr>
      <td class="catLeft" align="center" width="40%" height="28"><b><span class="gen">{L_USER_PRESENCE}</span></b></td>
      <td class="catRight" width="60%" align="center"><b><span class="gen">{L_ABOUT_USER}</span></b></td>
  </tr>
  <tr>
      <td class="row1" align="center" valign="top" height="120">
         <table width="100%" border="0" cellspacing="1" cellpadding="0">
            <tr>
               <td valign="middle" nowrap="nowrap" align="right" width="20%"><span class="gen"></span></td>
               <td width="80%"><b><span class="gen">{AVATAR_IMG}</span></b></td>
            </tr>
            <tr>
               <td valign="middle" nowrap="nowrap" align="right"><span class="gen"></span></td>
               <td><b><span class="gen">{POSTER_RANK}</span></b></td>
            </tr>
            <!-- BEGIN switch_show_status -->
            <tr>
               <td valign="middle" nowrap="nowrap" align="right"><span class="gen"></span></td>
               <td><b><span class="gen">{USER_ONLINE}</span></b></td>
            </tr>
            <tr>
               <td valign="middle" nowrap="nowrap" align="right"><span class="gen"></span></td>
               <td><b><span class="gen">{PM_IMG}</span></b></td>
            </tr>                          
                      
            <!-- END switch_show_status -->
            <!-- BEGIN switch_allow_friendsfoes -->
            <tr>
               <td valign="middle" nowrap="nowrap" align="right"><span class="gen"></span></td>
               <td><span class="gen"></span></td>
            </tr>
            <!-- END switch_allow_friendsfoes -->
            <!-- BEGIN switch_auth_user -->
            <tr>
               <td valign="middle" nowrap="nowrap" align="right"><br /><span class="gen"></span></td>
               <td><br /><strong><span class="gen">{ADMINISTRATE_USER}{BAN_USER}</span></strong></td>
            </tr>
            <!-- END switch_auth_user -->
         </table>
      </td>
      <td class="row1" valign="top">
         <table width="100%" border="0" cellspacing="1" cellpadding="0">
            <tr>
               <td align="right" valign="top" nowrap="nowrap"><span class="gen">{L_LAST_VISITED}:  </span></td>
               <td><b><span class="gen">{LAST_VISIT_TIME}</span></b></td>
            </tr>
            <!-- BEGIN switch_dhow_mp -->
            <tr>
               <td align="right" valign="middle" nowrap="nowrap"><span class="gen">{L_PRIVATE_MSG}:  </span></td>
               <td><b><span class="gen">{PRIVATE_MSG}</span></b></td>
            </tr>
            <!-- END switch_dhow_mp -->
            <!-- BEGIN profile_field -->
            <tr id="field_id{profile_field.ID}">
               <td width="40%" align="right" valign="top" nowrap="nowrap"><span class="gen">{profile_field.LABEL} &nbsp;</span></td>
               <td width="60%"><div class="gen" style="font-weight:bold;">{profile_field.CONTENT}</div><!-- BEGIN profil_type_user_posts -->
               <span class="genmed">
               <a rel="nofollow" class="genmed" href="/sta/{PUSERNAME}">{L_TOPICS}</a> || <a rel="nofollow" class="genmed" href="/spa/{PUSERNAME}">{L_POSTS}</a>
               </span><!-- END profil_type_user_posts --></td>
            </tr>
            <!-- END profile_field -->
         </table>
      </td>
   </tr>
  
  <!-- BEGIN switch_rpg -->
  <tr>
          <th class="thHead" colspan="2" nowrap="nowrap" height="25">{L_VIEWING_RPG}</th>
  </tr>
  
  <table width="100%" cellspacing="2" cellpadding="0" align="center">
  <tr>
      <td class="row1" align="center" valign="top" height="6">
        <table width="100%" border="0" cellspacing="1" cellpadding="0">
            <!-- BEGIN rpg_fields_left -->
            <tr>
              <td align="right" valign="middle" nowrap="nowrap">
              <span class="gen">{switch_rpg.rpg_fields_left.F_NAME} : </span>
              </td>
              <td width="100%" valign="middle" nowrap="nowrap">
              <b><span class="gen">{switch_rpg.rpg_fields_left.F_VALUE_NEW}</span></b>
              </td>
                                  </tr>
            <!-- END rpg_fields_left -->
        </table>
      </td>
      <td class="row1" align="center" valign="top" height="6">
        <table width="100%" border="0" cellspacing="1" cellpadding="0">
            <!-- BEGIN rpg_fields -->
            <tr>
              <td align="right" valign="middle" nowrap="nowrap">
                  <span class="gen">{switch_rpg.rpg_fields.F_NAME} : </span>
              </td>
              <td width="100%" valign="baseline">
                  <b><span class="gen">{switch_rpg.rpg_fields.F_VALUE_NEW}</span></b>
                                  </td>
            </tr>
            <!-- END rpg_fields -->
        </table>
                    </td>
    </tr></table>
  

  <table width="100%" cellspacing="2" cellpadding="0" align="center">
  <tr>
    <td class="row1" align="center" valign="top" height="6">
      <span style="width: 150px; height: 200px;"><center>{RPG_IMAGE}</center></span><br />
    </td>
  </tr>
</table>

                
 

  
  <tr>
      <td colspan="2" align="center" class="row1">
        {U_ADMIN_RPG}
      </td>
  </tr>
  <!-- END switch_rpg -->

</table>
</div>
  
<br />
<script src="{JS_DIR}jquery/json/jquery.json-1.3.min.js" type="text/javascript"></script>
<script type="text/javascript">
//<![CDATA[
  $(document).ready(function(){
      $('[id^=field_id]').each(function(){
        if ( $(this).find('.field_editable').is('span, div') )
        {
            $(this).hover(function()
            {
              if( $(this).find('.field_editable.invisible').is('span, div') )
              {
                  $(this).find('.field_editable').prev().addClass('ajax-profil_hover').parent().addClass('ajax-profil_parent').append('<div class="ajax-profil_edit"><img src="{AJAX_EDIT_IMG}" /></div>');
                  $(this).find('.ajax-profil_edit').attr({
                        alt: "{L_FIELD_EDIT_VALUE}",
                        title: "{L_FIELD_EDIT_VALUE}"
                    }).click(function(){
                    $(this).prev().prev().removeClass('ajax-profil_hover').addClass('invisible').next().removeClass('invisible').append('<img src="{AJAX_VALID_IMG}" class="ajax-profil_valid" />').find('input,select');
                    $(this).prev().find('.ajax-profil_valid').attr({
                        alt: "{L_VALIDATE}",
                        title: "{L_VALIDATE}"
                    }).click(function(){
                        var content = new Array();
                        $(this).parent().find('[name]').each(function(){
                          var type_special = $(this).is('input[type=radio],input[type=checkbox]');
                          if ( (type_special && $(this).is(':checked')) || !type_special )
                          {
                              content.push(new Array($(this).attr('name'), $(this).attr('value')));
                          }
                        });
                        var id_name = $(this).parents('[id^=field_id]').attr('id');
                        var id = id_name.substring(8, id_name.length);
                        $.post(
                          "{U_AJAX_PROFILE}",
                          {id:id,user:"{CUR_USER_ID}",active:"{CUR_USER_ACTIVE}",content:$.toJSON(content),tid:"{TID}"},
                          function(data){
                              $.each(data, function(i, item){
                                $('[id=field_id' + i + ']').find('.field_uneditable').html(item).end().find('.ajax-profil_valid').remove().end().find('.field_editable').addClass('invisible').end().find('.field_uneditable').removeClass('invisible');
                              });
                          },
                          "json"
                        );
                    });
                    $(this).remove();
                  });
              }
            },function()
            {
              if( $(this).find('.field_editable.invisible').is('span, div') )
              {
                  $(this).find('.field_editable').prev().removeClass('ajax-profil_hover');
                  $(this).find('.ajax-profil_edit').remove();
              }
            });
        }
      });
  });
//]]>
</script>

Ik denk dat het probleem ligt bij de aanpassingen bij de RPG sheet, maar omdat ik hier ook nog niet helemaal uit ben (ik ben er niet zo bekend mee) ben ik niet instaat het probleem te vinden en hoopte ik dat iemand anders me hiermee kan helpen.
Bij voorbaat dank!

Groetjes,
Guardian

Ik heb een gekeken naar je template en je zit hier tabellen, rijen en cellen door elkaar te houden. Let erop dat je geen info tussen cellen in zet!

Code:

<table>
  <tr>
      <td>
        hier info zetten.
      </td>
  </tr>
  hier geen info zetten.
</table>

Momenteel is het nogal een wirwar met openen en sluiten, je probeert de structuur van je html te behouden maar hou dit vol! Dit maakt het makkelijker voor later. Ik weet niet in welk je programma schrijft maar bij de meeste kan je op tab drukken voor naar een volgend niveau te gaan, zo behoud je jouw code overzichtelijk.

Ik denk dat het misschien sneller gaat gaan om even het rpg stukje opnieuw te schrijven dan alle foutjes eruit te halen want dan sluipen er misschien meer nieuwe in. :/

Nou ik bewerk de code gewoon direct in het template met de default versie ernaast.
Maar ik zal even kijken of ik het zelf eventueel kan fixen.

edit 15:42: Ik heb alles even overzichtelijk neergezet voor mezelf en kan nergens terug vinden dat ik die fout heb gemaakt die jij hebt aangegeven - dus nu weet ik alsnog niet wat ik moet doen als ik eerlijk ben.

Sorry voor de dubbelpost!
Maar ik heb het een soort van gefixt. Het probleem lag hem bij de table codes - om de een of andere manier vond actieforum het niet leuk als ik er nog eentje in plaatste. Ik heb de RPG sheet nu maar gewoon gescheiden van de rest, het is niet het resultaat wat ik wilde - maar beter wordt het waarschijnlijk niet.

Dit probleem is hierbij opgelost denk ik.

Anders geef je eens een voorbeeld afbeelding van hoe jij het wilt zoals in dit topic: www.ondersteun...aangepast-profiel Ik heb me toen een avondje bezig gehouden met de templates in orde te krijgen en nu lijkt het er wel op,e(n dat was een redelijk moeilijke door het wisselen van rpg en normale info).

Nou bij dit forum heb ik helaas nog niet echt een idee, omdat de lore nog niet echt af is en ik dus ook niet een officieel RPG Sheet kan maken - maar ik heb wel een idee van wat ik ongeveer zou willen in de toekomst.
Ik kan momenteel geen plaatje maken, maar ik kan je wel een berichtje sturen als ik er eentje heb en als je dan nog steeds zou willen helpen zou dat erg fijn zijn!