[phpBB2] Forum ohne Beitrag verzerrt angezeigt

Hallo liebes Forenteam,
ich wünsche euch ein frohes neues Jahr 2016 und entschuldige mich schonmal direkt im Vorhinein, dass ich schon direkt zu Beginn des Jahres mit einer Frage bzw. einen Problem aufwarten muss.

Ich habe jetzt in den letzten Wochen mein Forum umdesignt und dabei zahlreiche Änderungen der Templates durchgeführt. Dafür hab ich mir auch extra ein Textforum eingerichtet gehabt, aber jetzt wo ich endlich alles auf das richtige Forum überschrieben habe, ist ein Problem aufgetaucht, was ich vorher nicht bemerkt habe.

Und zwar: Bei allen Unterforen, welche keinen Beitrag enthalten, wird mir das ganze Design verzerrt angezeigt. (Das ist mir vorher nicht aufgefallen, weil ich immer eine Globale Ankündigung eingestellt hatte.)
Sobald ein Beitrag vorhanden ist, ist wieder alles normal.

Hier mal Bilder zur Veranschauung....

so soll es sein:


so sieht es leider ohne Beitrag aus:


Es wird sicherlich an einem der Templates liegen...
wahrscheinlich an der topics_list_box oder dem viewtopic_body aber ich komme an diesem Punkt leider nicht weiter. Vielleicht könnte mir da wer helfen?

ganz liebe Grüße
Snow

Hallo Snowpunkgirl,
könntest du bitte die globale Ankündigung mal ausschalten, sodass ich mir das Ganze mal anschauen kann? Falls der Fehler im Testforum auch besteht, kann ich es mir auch mal dort anschauen. viewtopic_body ist es nicht, dieses Template ist nämlich jene Themenanzeige, wo du die Beiträge lesen kannst. viewtopic_box ist aber jenes Template, das für die Themenauflistung zuständig ist und in dem der Fehler begraben liegen könnte.

Achso, ja

Ich habe im Profil mal als Zweitforum das Testforum verlinkt und dort die Globale Ankündigung rausgenommen.
Ich danke dir auf jeden Fall schonmal für die Hilfe.

Danke für die schnelle Rückmeldung!
Kannst du mir bitte noch das Template viewtopic_box des Testforums in einem Code posten? Tut mir leid, ich vergass davor, dich noch darum zu bitten.

Sicher doch, du meinst die topics_list_box, oder?
Ich hätte auch selbst dran denken können, dass die hilfreich wäre.

Code:

<!-- BEGIN topics_list_box --><!-- BEGIN row --><!-- BEGIN header_table --><!-- BEGIN multi_selection -->
<script type="text/javascript">
function check_uncheck_main_{topics_list_box.row.header_table.BOX_ID}() {
   var all_checked = true;
   for (i = 0; (i < document.{topics_list_box.FORMNAME}.elements.length) && all_checked; i++) {
      if (document.{topics_list_box.FORMNAME}.elements[i].name == '{topics_list_box.FIELDNAME}[]{topics_list_box.row.header_table.BOX_ID}') {
         all_checked = document.{topics_list_box.FORMNAME}.elements[i].checked;
      }
   }
   document.{topics_list_box.FORMNAME}.all_mark_{topics_list_box.row.header_table.BOX_ID}.checked = all_checked;
}
function check_uncheck_all_{topics_list_box.row.header_table.BOX_ID}() {
   for (i = 0; i < document.{topics_list_box.FORMNAME}.length; i++) {
      if (document.{topics_list_box.FORMNAME}.elements[i].name == '{topics_list_box.FIELDNAME}[]{topics_list_box.row.header_table.BOX_ID}') {
         document.{topics_list_box.FORMNAME}.elements[i].checked = document.{topics_list_box.FORMNAME}.all_mark_{topics_list_box.row.header_table.BOX_ID}.checked;
      }
   }
}
</script>
<!-- END multi_selection -->

<table class="main" width="100%" border="0" cellspacing="0" cellpadding="0">
 
        <table class="main-head" width="100%" border="0" cellspacing="0" cellpadding="0"><tbody><tr><th colspan="2" nowrap="nowrap" width="100%" class="secondarytitle"><h2>
        Themen und Beiträge</h2></th></tr><tr></tr></tbody></table>
 
  <table class="main-content" width="100%" border="0" cellspacing="0" cellpadding="0"><tbody>
       
        <tr>
      <!-- BEGIN multi_selection -->
      <th align="center" nowrap="nowrap" width="20"><input onclick="check_uncheck_all_{topics_list_box.row.header_table.BOX_ID}();" type="checkbox" name="all_mark_{topics_list_box.row.header_table.BOX_ID}" value="0" /></th>
   <!-- END multi_selection -->
   </tr>
   <!-- BEGIN pagination -->
   <tr>
      <td class="row1" colspan="7" align="right"><span class="gensmall">{PAGINATION}</span></td>
   </tr>
   <!-- END pagination -->
   <!-- END header_table --><!-- BEGIN header_row -->
   <tr>
      <td class="row3" colspan="{topics_list_box.row.COLSPAN}"><span class="gensmall">&nbsp;<b>{topics_list_box.row.L_TITLE}</b></span></td>
   </tr>
<!-- END header_row -->

<!-- BEGIN topic -->
{topics_list_box.row.END_TABLE_STICKY}
   <tr>
      <!-- BEGIN single_selection -->
      <td class="ThemaRow1" align="center" valign="middle" height="60" width="60"><input type="radio" name="{topics_list_box.FIELDNAME}" value="{topics_list_box.row.FID}" {topics_list_box.row.L_SELECT} /></td>
      <!-- END single_selection -->
      <td class="ThemaRow1" align="center" valign="middle" height="60" width="60"><img title="{topics_list_box.row.L_TOPIC_FOLDER_ALT}" src="{topics_list_box.row.TOPIC_FOLDER_IMG}" alt="{topics_list_box.row.L_TOPIC_FOLDER_ALT}" /></td>
      <td class="ThemaRow1" width="490">
         <div class="topictitle">
            {topics_list_box.row.NEWEST_POST_IMG}{topics_list_box.row.PARTICIPATE_POST_IMG}{topics_list_box.row.TOPIC_TYPE}
            <h2 class="topic-title">
               <a class="topictitle" href="{topics_list_box.row.U_VIEW_TOPIC}">{topics_list_box.row.TOPIC_TITLE}</a>
            </h2>
         </div>

         <!-- BEGIN switch_description -->
         <span class="genmed">
            <br />
            {topics_list_box.row.topic.switch_description.TOPIC_DESCRIPTION}
         </span>
         <!-- END switch_description -->
         <span class="gensmall">{topics_list_box.row.TOPIC_ANNOUNCES_DATES}{topics_list_box.row.TOPIC_CALENDAR_DATES}</span>&nbsp;
         <span class="gensmall">{topics_list_box.row.GOTO_PAGE}<!-- BEGIN nav_tree -->{topics_list_box.row.TOPIC_NAV_TREE} <!-- END nav_tree --></span>
      </td>
      <!-- BEGIN icon -->
      <td class="ThemaRow1" align="center" valign="middle" height="60" width="50">{topics_list_box.row.ICON}</td>
      <!-- END icon -->
          <td class="ThemaRow2" align="center" valign="middle"><span class="postdetails"><b>Autor:</b> {topics_list_box.row.TOPIC_AUTHOR} <br /> Antworten: {topics_list_box.row.REPLIES} <br /> Gesehen: {topics_list_box.row.VIEWS}</span></td>
      
      <td class="ThemaRow2" align="center" valign="middle" height="50" width="180" nowrap="nowrap">
                  <span class="postdetails"><b>Letzer Beitrag:</b> <br /> {topics_list_box.row.LAST_POST_TIME}<br />{topics_list_box.row.LAST_POST_AUTHOR} {topics_list_box.row.LAST_POST_IMG}</span>
        </td>

<!-- BEGIN multi_selection -->
      <td class="row2" align="center" valign="middle"><span class="postdetails"><input onclick="javascript:check_uncheck_main_{topics_list_box.row.BOX_ID}();" type="checkbox" name="{topics_list_box.FIELDNAME}[]{topics_list_box.row.BOX_ID}" value="{topics_list_box.row.FID}" {topics_list_box.row.L_SELECT} /></span></td>
   <!-- END multi_selection -->
   </tr>
   <!-- END topic --><!-- BEGIN no_topics -->
   <tr>
      <td class="row1" colspan="{topics_list_box.row.COLSPAN}" align="center" valign="middle" height="30"><span class="gen">{topics_list_box.row.L_NO_TOPICS}</span></td>
   </tr>
   
      </tbody></table>
 
 
   <!-- END no_topics --><!-- BEGIN bottom -->
 
   <tr>
      <td class="ThemaRow1" colspan="{topics_list_box.row.COLSPAN}" valign="middle">
         <table width="100%" border="0" cellspacing="0" cellpadding="0">
            <tr>
               <td>&nbsp;<span class="gensmall">{PAGINATION}</span></td>
               <td align="right"><a href="#top">{L_BACK_TO_TOP}</a>&nbsp;</td>
            </tr>
         </table>
      </td>
   </tr>
 
<!-- END bottom --><!-- BEGIN footer_table -->
 
 
</table>
 
  <!-- END footer_table --><!-- BEGIN spacer --><br class="gensmall" /><!-- END spacer --><!-- END row --><!-- END topics_list_box -->

Ja, exakt das Template, nochmals ein Sorry von mir, ich bin heute etwas durcheinander

Jedenfalls hier nochmals das Template mit einer kleinen Änderung (Klasse hinzugefügt), damit die CSS-Aenderung auch ja nur in diesem Bereich greifen wird:

Code:

<!-- BEGIN topics_list_box --><!-- BEGIN row --><!-- BEGIN header_table --><!-- BEGIN multi_selection -->
<script type="text/javascript">
function check_uncheck_main_{topics_list_box.row.header_table.BOX_ID}() {
   var all_checked = true;
   for (i = 0; (i < document.{topics_list_box.FORMNAME}.elements.length) && all_checked; i++) {
      if (document.{topics_list_box.FORMNAME}.elements[i].name == '{topics_list_box.FIELDNAME}[]{topics_list_box.row.header_table.BOX_ID}') {
         all_checked = document.{topics_list_box.FORMNAME}.elements[i].checked;
      }
   }
   document.{topics_list_box.FORMNAME}.all_mark_{topics_list_box.row.header_table.BOX_ID}.checked = all_checked;
}
function check_uncheck_all_{topics_list_box.row.header_table.BOX_ID}() {
   for (i = 0; i < document.{topics_list_box.FORMNAME}.length; i++) {
      if (document.{topics_list_box.FORMNAME}.elements[i].name == '{topics_list_box.FIELDNAME}[]{topics_list_box.row.header_table.BOX_ID}') {
         document.{topics_list_box.FORMNAME}.elements[i].checked = document.{topics_list_box.FORMNAME}.all_mark_{topics_list_box.row.header_table.BOX_ID}.checked;
      }
   }
}
</script>
<!-- END multi_selection -->

<table class="main" width="100%" border="0" cellspacing="0" cellpadding="0">
  
        <table class="main-head" width="100%" border="0" cellspacing="0" cellpadding="0"><tbody><tr><th colspan="2" nowrap="nowrap" width="100%" class="secondarytitle"><h2>
        Themen und Beiträge</h2></th></tr><tr></tr></tbody></table>
  
  <table class="main-content themenliste" width="100%" border="0" cellspacing="0" cellpadding="0"><tbody>
        
        <tr>
      <!-- BEGIN multi_selection -->
      <th align="center" nowrap="nowrap" width="20"><input onclick="check_uncheck_all_{topics_list_box.row.header_table.BOX_ID}();" type="checkbox" name="all_mark_{topics_list_box.row.header_table.BOX_ID}" value="0" /></th>
   <!-- END multi_selection -->
   </tr>
   <!-- BEGIN pagination -->
   <tr>
      <td class="row1" colspan="7" align="right"><span class="gensmall">{PAGINATION}</span></td>
   </tr>
   <!-- END pagination -->
   <!-- END header_table --><!-- BEGIN header_row -->
   <tr>
      <td class="row3" colspan="{topics_list_box.row.COLSPAN}"><span class="gensmall">&nbsp;<b>{topics_list_box.row.L_TITLE}</b></span></td>
   </tr>
<!-- END header_row -->

<!-- BEGIN topic -->
{topics_list_box.row.END_TABLE_STICKY}
   <tr>
      <!-- BEGIN single_selection -->
      <td class="ThemaRow1" align="center" valign="middle" height="60" width="60"><input type="radio" name="{topics_list_box.FIELDNAME}" value="{topics_list_box.row.FID}" {topics_list_box.row.L_SELECT} /></td>
      <!-- END single_selection -->
      <td class="ThemaRow1" align="center" valign="middle" height="60" width="60"><img title="{topics_list_box.row.L_TOPIC_FOLDER_ALT}" src="{topics_list_box.row.TOPIC_FOLDER_IMG}" alt="{topics_list_box.row.L_TOPIC_FOLDER_ALT}" /></td>
      <td class="ThemaRow1" width="490">
         <div class="topictitle">
            {topics_list_box.row.NEWEST_POST_IMG}{topics_list_box.row.PARTICIPATE_POST_IMG}{topics_list_box.row.TOPIC_TYPE}
            <h2 class="topic-title">
               <a class="topictitle" href="{topics_list_box.row.U_VIEW_TOPIC}">{topics_list_box.row.TOPIC_TITLE}</a>
            </h2>
         </div>

         <!-- BEGIN switch_description -->
         <span class="genmed">
            <br />
            {topics_list_box.row.topic.switch_description.TOPIC_DESCRIPTION}
         </span>
         <!-- END switch_description -->
         <span class="gensmall">{topics_list_box.row.TOPIC_ANNOUNCES_DATES}{topics_list_box.row.TOPIC_CALENDAR_DATES}</span>&nbsp;
         <span class="gensmall">{topics_list_box.row.GOTO_PAGE}<!-- BEGIN nav_tree -->{topics_list_box.row.TOPIC_NAV_TREE} <!-- END nav_tree --></span>
      </td>
      <!-- BEGIN icon -->
      <td class="ThemaRow1" align="center" valign="middle" height="60" width="50">{topics_list_box.row.ICON}</td>
      <!-- END icon -->
          <td class="ThemaRow2" align="center" valign="middle"><span class="postdetails"><b>Autor:</b> {topics_list_box.row.TOPIC_AUTHOR} <br /> Antworten: {topics_list_box.row.REPLIES} <br /> Gesehen: {topics_list_box.row.VIEWS}</span></td>
      
      <td class="ThemaRow2" align="center" valign="middle" height="50" width="180" nowrap="nowrap">
                  <span class="postdetails"><b>Letzer Beitrag:</b> <br /> {topics_list_box.row.LAST_POST_TIME}<br />{topics_list_box.row.LAST_POST_AUTHOR} {topics_list_box.row.LAST_POST_IMG}</span>
        </td>

<!-- BEGIN multi_selection -->
      <td class="row2" align="center" valign="middle"><span class="postdetails"><input onclick="javascript:check_uncheck_main_{topics_list_box.row.BOX_ID}();" type="checkbox" name="{topics_list_box.FIELDNAME}[]{topics_list_box.row.BOX_ID}" value="{topics_list_box.row.FID}" {topics_list_box.row.L_SELECT} /></span></td>
   <!-- END multi_selection -->
   </tr>
   <!-- END topic --><!-- BEGIN no_topics -->
   <tr>
      <td class="row1" colspan="{topics_list_box.row.COLSPAN}" align="center" valign="middle" height="30"><span class="gen">{topics_list_box.row.L_NO_TOPICS}</span></td>
   </tr>
    
      </tbody></table>
  
  
   <!-- END no_topics --><!-- BEGIN bottom -->
  
   <tr>
      <td class="ThemaRow1" colspan="{topics_list_box.row.COLSPAN}" valign="middle">
         <table width="100%" border="0" cellspacing="0" cellpadding="0">
            <tr>
               <td>&nbsp;<span class="gensmall">{PAGINATION}</span></td>
               <td align="right"><a href="#top">{L_BACK_TO_TOP}</a>&nbsp;</td>
            </tr>
         </table>
      </td>
   </tr>
  
<!-- END bottom --><!-- BEGIN footer_table -->
  
  
</table>
  
  <!-- END footer_table --><!-- BEGIN spacer --><br class="gensmall" /><!-- END spacer --><!-- END row --><!-- END topics_list_box -->

Und im CSS folgendes:

Code:

table.themenliste tbody tr td.row1 {
 min-width: 940px;
}

Kannst du mal ausprobieren, ob das das Problem löst? Ich erhalte in meinem Testforum nämlich nicht exakt deine Darstellung, jedoch verzieht es sich auch dort bei 0 Beiträgen, aber an einer anderen Stelle.

Auf jeden Fall ist es so jetzt viel besser geworden, danke dir!

Aber kann es sein, dass je nach Bildschirmauflösung bei Einigen ein Versatz angezeigt wird und bei Anderen nicht? Ich hatte jetzt so lange mit dem Wert für den CSS-Stylesheet experimentiert, bis es bei mir im Testforum exakt passt (915px) ...

Welchen Versatz meinst du genau? Die graue Rahmenlinie?
Bei mir wird es nun jedenfalls auch nicht mehr versetzt angezeigt.

Genau, ich hatte mich gefragt, ob die graue Rahmenlinie jetzt unabhängig von der Bildschirmauflösung bei allen ohne Versatz angezeigt wird, aber von den PCs von denen ich es getestet habe, passt es jetzt überall super.
Und ansonsten hat mein Forum ja nicht so viele Unterforen ohne Beiträge

Vielen Dank für deine tolle und schnelle Hilfe!