[phpBB2] Kategorietitel als Bilder lässt Foren 'einrücken' (bei Chrome & IE)

Es kann sein, dass ich es übersehen habe, sollte es diese Frage bereits geben, dann tut es mir Leid.

Bei meinem (Test)forum ist es so, dass ich die Titel der Kategorien als Bilder eingestellt habe, allerdings rücken die dazugehörigen Foren dadurch teilweise ein Stück ein. Komischerweise nicht einmal gleichmäßig. So ist das ganze bei der ersten Kategorie nur wenig eingerückt, bei der zweiten gar nicht und bei der dritten war es um geschätze 90px vom Rand weggerückt. Die dritte Kategorie habe ich wieder herausgenommen, damit sich das Forum nicht verzerrte und nach einer Lösung gesucht, aber nichts gefunden. Das ganze aber nur bei Google Chrome, bei Firefox wird es korrekt angezeigt. Andere Browser konnte ich leider nicht testen.

Woran liegt das? Bzw. wie kann ich das beheben?

//Edit:
Im IE sind die Foren bei allen Kategorien gleichmäßig 'eingerückt'

Du solltest noch mal nachsehen, ob du auch bei allen Kategorin den Code für die Bilder richtig eingesetzt hast.
Auch must du beachten, das deine Forenbreite auch so eingestellt ist, das für die Kategoribilder genügend Platz ist. Ich hatte das gerade in der letzten Woche schon einem anderen Admin erklärt.
Schau mal bitte hier:
https://hilfe.forumieren.com/t40062-phpbb2wie-kann-ich-die-breite-des-forums-verandern#264030
Dort habe ich mal versucht das zu verdeutlichen.

Es wäre gut, wenn du die Adresse des betreffenden Forums hier verraten würdest, weil man dann direkt dkrt mal schauen könnte.

Die Adresse des Forums ist die von meinem Profil, also die hier: http://kokoroe-jinsei.forumieren.com/

Die Kategorietitel sind exakt so breit, wie das Forum und ich habe im CSS auch eingesetzt, dass sie verkleinert werden auf 800px wenn sie zu breit sind. Trotzdem sind die Unterforen in Chrome & IE noch eingerückt.

Du hast dein Template sehr stark verändert. Ich habe heute sehr wenig Zeit, da ich gleich weg muss.
Eventuell schaut sich das nacher noch jemand an oder ich schaue mir das Morgen Vormittag mal an.

Ja hab ich ^^"
Okay, danke schon mal

Kannst du mir bitte mal ein Bild von deiner Ansicht zeigen?
Bei mir sieht es mit dem Chrome Browser normal aus:


Edit:

Ich sehe gerade, das im IE ein Versatz zu sehen ist.
Ich sehe auch, das deine Indextabelle die ja eigentlich nur aus zwei Spalten besteht, noch eine dritte Spalte hat, die sehr schmal ist und die nur einen Zeilenumbruch enthält.

Das und der falsche colspan Eintrag in der Zelle die den Kategorietitel beinhaltet, kann im IE zu dem Problem der versetzten Anzeige führen.

Bei der ersten Kategorie ist das nur wenig eingerückt, bei der zweiten passts und bei der dritten sieht es so aus:
(Link weil das Bild leider groß ist)
http://250kb.de/u/141123/p/zaViXIbrBuhl.PNG



Edit by #Frank: Bild noch mal eingefügt. Wieso ist es zu groß? Passt doch...

Bei dir ist es noch krasser als bei mir. Allerdings sehe ich das nur im IE.
Mein Chrome scheint das noch kompensieren zu können.
Siehe noch mal oben. Dort habe ich noch etwas hinzu editiert, was das Problem sein könnte.

Das zweite hab ich glaube ich gefunden, aber die dritte leere Tabellenspalte finde ich beim besten Willen nicht D:
Ich bin das Template eigentlich gerade Zeile für Zeile durchgegangen, habe aber nichts gefunden. Oder ich bin (was ich eher vermute) einfach nur dämlich ...

Ich habe nun noch mal nachgesehen. Das colspan hast du jetzt korrigiert.
Aber es war mein Fehler als ich von der leeren Spalte gesprochen habe. das ist ja die Spalte in der der Letzte Beitrag im Unterforum angezeigt wird. diese Spalte wird in den Bereichen in denen sich noch kein Beitrag befindet nur mit einer geringen Breite angezeigt, weil ort noch keine Inhalte drin sind.
Auch hast du vermutlich die Tabelle nicht richtig Bemaßt.
Du hast hier die drei Spalten unterschiedlich angegeben.

Die Bildzelle row1 hat keine Breite vorgegeben.
Die Zelle mit dem Unterforum row1_over hat eine Breite von 100%.
Und die Zelle row3_over hat eine Breite von 150px.
Wir sollten versuchen die Zelle mit dem Icon, row1 auf 152 Px einzustellen.
Kannst du bitte dazu diese Änderung im Template index_box noch mal vornehmen und dann postest du bitte mal den Inhalt deines Templates hier.

In meinem Template findet sich kein <td="row1"> nur row1_over. Hab mit der Suchfunktion geschaut und nichts gefunden:

Code:

<table width="100%" border="0" cellspacing="1" cellpadding="0" align="center">
   <tr>
      <td valign="bottom">
         <!-- BEGIN switch_user_logged_in -->
         <span class="gensmall">{LAST_VISIT_DATE}<br />
         {CURRENT_TIME}<br />
         </span>
         <!-- END switch_user_logged_in -->
         <div class="nav"><a class="nav" href="{U_INDEX}">{L_INDEX}</a>{NAV_CAT_DESC}</div>
      </td>
      <td class="gensmall" align="right" valign="bottom">
         <!-- BEGIN switch_user_logged_in -->
         <a class="gensmall" href="{U_SEARCH_NEW}">{L_SEARCH_NEW}</a><br />
         <a class="gensmall" href="{U_SEARCH_SELF}">{L_SEARCH_SELF}</a><br />
         <!-- END switch_user_logged_in -->
         <a class="gensmall" href="{U_SEARCH_UNANSWERED}">{L_SEARCH_UNANSWERED}</a>
      </td>
   </tr>
</table>
<!-- BEGIN catrow --><!-- BEGIN tablehead --><table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">
 <tr>
 <th colspan="3" nowrap="nowrap" width="100%">{catrow.tablehead.L_FORUM}</th>
 </tr>
 <!-- END tablehead -->
 <!-- BEGIN cathead -->
 <tr>
 <!-- BEGIN inc -->
 <td class="{catrow.cathead.inc.INC_CLASS}" width="46"><img src="{SPACER}" height="0" width="46" /></td>
 <!-- END inc -->
 <td class="{catrow.cathead.CLASS_CAT}" colspan="{catrow.cathead.INC_SPAN}" width="100%">
 <h{catrow.cathead.LEVEL} class="hierarchy">
 <span class="cattitle">
 <a class="cattitle" title="{catrow.cathead.CAT_DESC}" href="{catrow.cathead.U_VIEWCAT}">{catrow.cathead.CAT_TITLE}</a>
 </span>
 </h{catrow.cathead.LEVEL}>
 </td>
 <td class="{catrow.cathead.CLASS_ROWPIC}" colspan="3" align="right"> </td>
 </tr>
 <!-- END cathead -->
 <!-- BEGIN forumrow -->
 <tr>
 
 
 <!-- BEGIN inc -->
 <td class="{catrow.forumrow.inc.INC_CLASS}" width="46"><img src="{SPACER}" height="0" width="46" alt="." /></td>
 <!-- END inc -->
 <td class="{catrow.forumrow.INC_CLASS}" align="center" valign="middle">
 <img title="{catrow.forumrow.L_FORUM_FOLDER_ALT}" src="{catrow.forumrow.FORUM_FOLDER_IMG}" alt="{catrow.forumrow.L_FORUM_FOLDER_ALT}" />
 </td>
 <td class="row1 over" colspan="{catrow.forumrow.INC_SPAN}" valign="top" width="100%" height="50">
 <h{catrow.forumrow.LEVEL} class="hierarchy">
 <span class="forumlink">
 <a class="forumlink" href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</a><br />
 </span>
 </h{catrow.forumrow.LEVEL}>
  <span class="genmed rund">{catrow.forumrow.FORUM_DESC}</span>
    <div class="TopicsandPosts">{catrow.forumrow.TOPICS} # {catrow.forumrow.POSTS}</div>
 </td>
 <td class="row3 over" align="left" valign="middle" height="50" width="150px">
  <span class="gensmall rund">{catrow.forumrow.LAST_POST}</span>
 </td>
 </tr>
 <!-- END forumrow -->
   <!-- BEGIN catfoot -->
   <tr>
      <!-- BEGIN inc -->
      <td class="{catrow.catfoot.inc.INC_CLASS}" width="46"><img src="{SPACER}" height="0" width="46" /></td>
      <!-- END inc -->
         
         
      <td class="spaceRow" colspan="{catrow.catfoot.INC_SPAN}" height="1"><img src="{SPACER}" alt="" height="1" width="1" /></td>
   </tr>
   <!-- END catfoot -->
   <!-- BEGIN tablefoot -->
</table><img src="{SPACER}" alt="" height="5" width="1" /><!-- END tablefoot --><!-- END catrow -->

Eigentlich sollte es auch im IE so richtig angezeigt werden.
Du hast nur einen kleinen Fehler drin.
Class Bezeichnungen dürfen keine Leerzeichen beinhalten.
Du hast die Span Classen:
<span class="genmed rund">
und
<span class="gensmall rund">
deviniert.
Das ist nicht gültig.
Diese solltest du noch mal austauschen und es so schreiben:
<span class="genmed_rund">
und
<span class="gensmall_rund">

Das du die row1 Class nicht findest, ist schon klar.
Diese wird durch die Variable:
{catrow.cathead.CLASS_CAT}
definiert wird.
Man müsste hier nun direkt im Forum mal die entsprechenden Stellen bearbeiten, um zu sehen, wie man das Anpassen muss, damit es auch der IE richtig anzeigt. Die andere Browser haben da nicht so das Problem, wobei man es mit dem Chrome auch sehen kann.
Ich würde in der Tabelle alle Zellen mit einer Festen Breite ausstatten.
Das eigentliche Problem ist ja das du den Tabellenkopf entfernt hast, der ja immer mit einem Inhalt versehen ist. Aber hier ist der nicht vorhanden und dadurch das die Spalte mit den letzten Beiträgen leer ist, wird der Platz immer anders aufgeteilt.

Ich würde das gerne in deinem Forum direkt versuchen umzusetzen, aber leider muss ich gleich los zu einem Geburtstag.
Ich würde aber an Günther übergeben, wenn der hier wider online kommt.
Ich setze den Thread nun auf Frei so das er wenn er nachher kommt hier noch mal drüber sehen kann.

Ist nicht nötig, ich glaub ich hab's.
Hab die Spalten mit einer festen Größe definiert und die _ bei gensmall und genmed eingefügt, jetzt funktioniert es *-*
Vielen Dank für die Hilfe!

Ja, sehr gut... so habe ich mir das auch Vorgestellt und auch so umgesetzt.
Die mittlere Spalte hättest du aber auch auf 100% stehen lassen können.

Da das Problem aber damit gelöst ist, werde ich das hier nun schließen.