Błąd Rozjeżdżanie się informacji o użytkowniku w widoku wątku

wersja skryptu MyBB:1.6.3
adres forum: www.simsownia.pl
na czym polega problem (screen, opis, komunikaty, nazwa stylu/theme/szablonu):

Siemka !
Dziś spotkał mnie problem, a mianowicie, gdy dodam więcej "nagród" awards to linijki mi się rozjeżdżają, a dokładnie to tak jak na screenie poniżej:



Próbowałem w css ustawić .tborder na auto auto żeby się linie dostosowały, lecz to nie pomogło. Czekam na Wasze opinie co z tym można zrobić Pozdrawiam.

Wklej mi tutaj table z global.css

@import url(./chat/css/shoutbox.css);
body {
    background: #66add9;
    color: #000000;
    font-family: Verdana, Arial, Sans-Serif;
    font-size: 13px;
    text-align: center; /* IE 5 fix */
    line-height: 1.4;
}

.logo {
text-align: center;
}

a:link, a:visited {
    color: black;
    text-decoration: none;
}

a:hover, a:active {
    color: #116920;
    text-decoration: underline;
}

#container {
    background: #66add9;
    width: 97%;
    color: #000000;
    border: 0px solid #e4e4e4;
    margin: auto auto;
    padding: 20px;
    text-align: left;
}

#content {
    /* FIX: Make internet explorer wrap correctly */
    width: auto !important;
}

.menu {
background: #A4CEE0;
text-align: right;
}

.menu ul {
    color: #4F90C9;
    font-weight: bold;
    padding: 4px;
}

.menu ul a:link, .menu ul a:visited {
    color: #4F90C9;
    text-decoration: none;
}

.menu ul a:hover, .menu ul a:active {
    color: #338BFF;
    text-decoration: none;
}

#panel {
    background: #ddf9e1;
    color: black;
    padding: 8px;
    border: 1px solid #619BFF;
    font-size: 11px;
}

#panel a:link, #panel a:visited {
    color: black;
    text-decoration: none;
    font-weight: bold;
}

#panel a:hover {
    color: black;
    text-decoration: underline;
    font-weight: bold;
}

.tborder {
    background: green;
    width: 100%;
    margin: auto auto;
}

.thead {
    background: olive url(http://img7.imageshack.us/img7/6919/theadd.png) top left repeat-x;
    height: 35px;
        padding-top: 0;
        padding-bottom: 0;
        color: white;
}

.thead a:link, .thead a:visited {
    color: white;
    text-decoration: none;
}

.thead a:hover, .thead a:active {
    color: white;
    text-decoration: underline;
}

.tcat {
    background: url(http://img543.imageshack.us/img543/7337/tcat.png) top left repeat-x;;
    color: black;
}

.tcat a:link, .tcat a:visited {
    color: black;
}

.tcat a:hover, .tcat a:active {
    color: #fdfaac;
}

.trow1 {
    background: #ddf9e1;
}

.trow2 {
    background: #c9f8d1;
}

.trow_shaded {
    background: blask;
}

.trow_selected td {
}

.trow_sep {
    background: #fdfaac;
    color: black;
    font-size: 11px;
    font-weight: bold;
}

.tfoot {
    background: #a4d767;
    color: #040504;
    text-align: center;
}

.tfoot a:link, .tfoot a:visited {
    color: #4D52FF;
    text-decoration: none;
}

.tfoot a:hover, .tfoot a:active {
    color: #4D52FF;
    text-decoration: underline;
}

.bottommenu {
    background: #66add9;
    color: #3229B3;
    
    padding: 10px;
    
    font-size: 11px;
}

.bottommenu a:link, .bottommenu a:visited {
    color: black;
    text-decoration: none;
}

.bottommenu a:hover {
    color: Green;
    text-decoration: underline;
}

.navigation {
    color: #000000;
    font-size: 13px;
    font-weight: bold;
}

.navigation a:link {
    text-decoration: none;
}

.navigation a:visited {
    text-decoration: none;
}

.navigation a:hover, .navigation a:active {
    text-decoration: none;
}

.navigation .active {
    color: #000000;
    font-size: small;
    font-weight: bold;
}

.smalltext {
    font-size: 11px;
}

.largetext {
    font-size: 16px;
    font-weight: bold;
}

input.textbox {
    background: #ffffff;
    color: #000000;
    border: 1px solid #0f5c8e;
    padding: 1px;
}

textarea {
    background: #ffffff;
    color: #000000;
    border: 1px solid #0f5c8e;
    padding: 2px;
    font-family: Verdana, Arial, Sans-Serif;
    line-height: 1.4;
    font-size: 13px;
}

select {
    background: #ffffff;
    border: 1px solid #0f5c8e;
}

.editor {
    background: #f1f1f1;
    border: 1px solid #ccc;
}

.editor_control_bar {
    background: #ffffff;
    border: 1px solid #0f5c8e;
}

.autocomplete {
    background: #ffffff;
    border: 1px solid #000000;
    color: black;
}

.autocomplete_selected {
    background: #adcee7;
    color: #000;
}

.popup_menu {
    background: #cccccc;
    border: 1px solid #000000;
}

.popup_menu .popup_item {
    background: #ffffff;
    color: #000000;
}

.popup_menu .popup_item:hover {
    background: #C7DBEE;
    color: #000000;
}

.trow_reputation_positive {
    background: #ccffcc;
}

.trow_reputation_negative {
    background: #ffcccc;
}

.reputation_positive {
    color: green;
}

.reputation_neutral {
    color: #444;
}

.reputation_negative {
    color: red;
}

.invalid_field {
    border: 1px solid #f30;
    color: #f30;
}

.valid_field {
    border: 1px solid #0c0;
}

.validation_error {
    background: url(images/invalid.gif) no-repeat center left;
    color: #f30;
    margin: 5px 0;
    padding: 5px;

    font-weight: bold;
    font-size: 11px;
    padding-left: 22px;
}

.validation_success {
    background: url(images/valid.gif) no-repeat center left;
    color: #00b200;
    margin: 5px 0;
    padding: 5px;
    font-weight: bold;
    font-size: 11px;
    padding-left: 22px;
}

.validation_loading {
    background: url(images/spinner.gif) no-repeat center left;
    color: #555;
    margin: 5px 0;
    padding: 5px;
    font-weight: bold;
    font-size: 11px;
    padding-left: 22px;
}

/* Additional CSS (Master) */
img {
    border: none;
}

.clear {
    clear: both;
}

.hidden {
    display: none;
    float: none;
    width: 1%;
}

.hiddenrow {
    display: none;
}

.selectall {
    background-color: #FFFBD9;
    font-weight: bold;
    text-align: center;
}

.float_left {
    float: left;
}

.float_right {
    float: right;
}

.menu ul {
    background: #66add9;
    list-style: none;
    margin: 0;
    text-align: center;
}

.menu li {
    display: inline;
    padding-left: 5px;
}

.menu img {
    padding-right: 5px;
    vertical-align: top;
}

#panel .links {
    margin: 0;
    float: right;
}

.expcolimage {
    float: right;
    width: auto;
    vertical-align: middle;
    margin-top: 3px;
}

img.attachment {
    border: 1px solid #E9E5D7;
    padding: 2px;
}

hr {
    background-color: #000000;
    color: #000000;
    height: 1px;
    border: 0px;
}

#copyright {
    font-size: 11px;
    margin: 0;
    padding: 10px 0 0 0;
}

#debug {
    float: right;
    text-align: right;
    margin-top: 0;
}

blockquote {
    border: 1px solid #ccc;
    margin: 0;
    background: #fff;
    padding: 4px;
}

blockquote cite {
    font-weight: bold;
    border-bottom: 1px solid #ccc;
    font-style: normal;
    display: block;
    margin: 4px 0;
}

blockquote cite span {
    float: right;
    font-weight: normal;
}

.codeblock {
    background: #fff;
    border: 1px solid #ccc;
    padding: 4px;
}

.codeblock .title {
    border-bottom: 1px solid #ccc;
    font-weight: bold;
    margin: 4px 0;
}

.codeblock code {
    overflow: auto;
    height: auto;
    max-height: 200px;
    display: block;
    font-family: Monaco, Consolas, Courier, monospace;
    font-size: 13px;
}

.subforumicon {
    border: 0;
    vertical-align: middle;
}

.separator {
    margin: 5px;
    padding: 0;
    height: 0px;
    font-size: 1px;
    list-style-type: none;
}

form {
    margin: 0;
    padding: 0;
}

.popup_menu .popup_item_container {
    margin: 1px;
    text-align: left;
}

.popup_menu .popup_item {
    display: block;
    padding: 3px;
    text-decoration: none;
    white-space: nowrap;
}

.popup_menu a.popup_item:hover {
    text-decoration: none;
}

.autocomplete {
    text-align: left;
}

.subject_new {
    font-weight: bold;
}

.highlight {
    background: #FFFFCC;
    padding: 3px;
}

.pm_alert {
    background: #FFF6BF;
    border: 1px solid #FFD324;
    text-align: center;
    padding: 5px 20px;
    font-size: 11px;
}

.red_alert {
    background: #FBE3E4;
    border: 1px solid #A5161A;
    color: #A5161A;
    text-align: center;
    padding: 5px 20px;
    font-size: 11px;
}

.high_warning {
    color: #CC0000;
}

.moderate_warning {
    color: #F3611B;
}

.low_warning {
    color: #AE5700;
}

div.error {
    padding: 5px 10px;
    border-top: 2px solid #FFD324;
    border-bottom: 2px solid #FFD324;
    background: #FFF6BF;
    font-size: 12px;
}

div.error p {
    margin: 0;
    color: #000;
    font-weight: normal;
}

div.error p em {
    font-style: normal;
    font-weight: bold;
    padding-left: 24px;
    display: block;
    color: #C00;
    background: url(images/error.gif) no-repeat 0;
}

div.error.ul {
    margin-left: 24px;
}

.online {
    color: #15A018;
}

.offline {
    color: #C7C7C7;
}

.pagination {
    font-size: 11px;
    padding-top: 10px;
    margin-bottom: 5px;
}

.tfoot .pagination, .tcat .pagination {
    padding-top: 0;
}

.pagination .pages {
    font-weight: bold;
}

.pagination .pagination_current, .pagination a {
    padding: 2px 6px;
    margin-bottom: 3px;
}

.pagination a {
    border: 1px solid #81A2C4;
}

.pagination .pagination_current {
    background: #F5F5F5;
    border: 1px solid #81A2C4;
    font-weight: bold;
}

.pagination a:hover {
    background: #F5F5F5;
    text-decoration: none;
}

.thread_legend, .thread_legend dd {
    margin: 0;
    padding: 0;
}

.thread_legend dd {
    padding-bottom: 4px;
    margin-right: 15px;
}

.thread_legend img {
    margin-right: 4px;
    vertical-align: bottom;
}

.forum_legend, .forum_legend dt, .forum_legend dd {
    margin: 0;
    padding: 0;
}

.forum_legend dd {
    float: left;
    margin-right: 10px;
}

.forum_legend dt {
    margin-right: 10px;
    float: left;
}

.success_message {
    color: #00b200;
    font-weight: bold;
    font-size: 10px;
    margin-bottom: 10px;
}

.error_message {
    color: #C00;
    font-weight: bold;
    font-size: 10px;
    margin-bottom: 10px;
}

.post_body {
    padding: 5px;
}

.post_content {
    padding: 5px 10px;
}

.quick_jump {
  background: url(images/jump.gif) no-repeat 0;
  width: 13px;
  height: 13px;
  padding-left: 13px; /* amount of padding needed for image to fully show */
  vertical-align: middle;
  border: none;
}

.modnotice {
    background: #CAFF70;
    padding: 8px;
    margin: auto auto;
    border: 2px solid #000000;
    color: #000000;
    font-size: 12px;
}

.hide {
   display: block;
   margin: 5px;
   padding: 10px;
   border: 2px solid #A80014;
   border-left: none;
   border-right: none;
   background: #FFC2C9;
}

Tego nie ustawisz za pomocą css, w szablonach masz dla tej tabelki wpisane pewnie procentową szerokość.
Sprawdź postbit_classic i sshowthread

hm, szczerze mówiąc nie mam pojęcia, którą linijkę zrobić, ażeby linie się dopasowały. Wkleję tu te dwa kody, postbit_classic i sshowthread, może znajdzie się dobra dusza co podpowie co zmienić

postbit_classic:

{$ignore_bit}
<table border="0" cellspacing="{$theme['borderwidth']}" cellpadding="{$theme['tablespace']}" class="tborder" style="{$post_extra_style} {$post_visibility}" id="post_{$post['pid']}">
    <tr>
        <td class="{$altbg}" width="15%" valign="top" style="white-space: nowrap; text-align: center;"><a name="pid{$post['pid']}" id="pid{$post['pid']}"></a>
        <strong><span class="largetext">{$post['profilelink']}</span></strong> {$post['onlinestatus']}<br />
        <span class="smalltext">
            {$post['usertitle']}<br />
            {$post['userstars']}
            {$post['groupimage']}
            {$post['useravatar']}<br />
            {$post['user_details']}
        </span>
    </td>
    <td class="{$altbg}" valign="top">
        <table width="100%">
            <tr><td>{$post['posturl']}<span class="smalltext"><strong>{$post['icon']}{$post['subject']} {$post['subject_extra']}</strong></span>
            <br />
            <div id="pid_{$post['pid']}" style="padding: 5px 0 5px 0;">
                {$post['message']}
            </div>
            {$post['attachments']}
            {$post['signature']}
            <div style="text-align: right; vertical-align: bottom;" id="post_meta_{$post['pid']}">
                <div id="edited_by_{$post['pid']}">{$post['editedmsg']}</div>
                {$post['iplogged']}
            </div>
        </td></tr>
    </table>
</td>
</tr>
<tr>
    <td class="{$altbg}" style="white-space: nowrap; text-align: center; vertical-align: middle;"><span class="smalltext">{$post['postdate']} {$post['posttime']}</span></td>
    <td class="{$altbg}" style="vertical-align: middle;">
        <table width="100%" border="0" cellpadding="0" cellspacing="0">
            <tr valign="bottom">
                <td align="left" ><span class="smalltext">{$post['button_email']}{$post['button_pm']}{$post['button_www']}{$post['button_find']}{$post['button_rep']}</span></td>
                <td align="right">{$post['button_edit']}{$post['button_quickdelete']}{$post['button_quote']}{$post['button_multiquote']}{$post['button_report']}{$post['button_warn']}{$post['button_reply_pm']}{$post['button_replyall_pm']}{$post['button_forward_pm']}{$post['button_delete_pm']}</td>
            </tr>
        </table>
    </td>
</tr>
</table>

showthread:

<html>
<head>
<title>{$thread['subject']}</title>
{$headerinclude}
<script type="text/javascript">
<!--
    var quickdelete_confirm = "{$lang->quickdelete_confirm}";
// -->
</script>
<script type="text/javascript" src="jscripts/thread.js?ver=1600"></script>
</head>
<body>
    {$header}
    {$pollbox}
    <div class="float_left">
        {$multipage}

    </div>
    <div class="float_right">
        {$newreply}
    </div>
    {$ratethread}
    <table border="0" cellspacing="{$theme['borderwidth']}" cellpadding="{$theme['tablespace']}" class="tborder" style="clear: both; border-bottom-width: 0;">
        <tr>
            <td class="thead" colspan="2">
                <div style="float: right;">
                    <span class="smalltext"><strong><a href="showthread.php?mode=threaded&amp;tid={$tid}&amp;pid={$pid}#pid{$pid}">{$lang->threaded}</a> | <a href="showthread.php?mode=linear&amp;tid={$tid}&amp;pid={$pid}#pid{$pid}">{$lang->linear}</a></strong></span>
                </div>
                <div>
                    <strong>{$thread['threadprefix']}{$thread['subject']}</strong>
                </div>
            </td>
        </tr>
        {$classic_header}
    </table>
    <div id="posts">
        {$posts}
    </div>
    <table border="0" cellspacing="{$theme['borderwidth']}" cellpadding="{$theme['tablespace']}" class="tborder" style="border-top-width: 0;">
        <tr>
            <td colspan="2" class="tfoot">
                {$search_thread}
                <div>
                    <strong>&laquo; <a href="{$next_oldest_link}">{$lang->next_oldest}</a> | <a href="{$next_newest_link}">{$lang->next_newest}</a> &raquo;</strong>
                </div>
            </td>
        </tr>
    </table>
    <div class="float_left">
        {$multipage}
    </div>
    <div style="padding-top: 4px;" class="float_right">
        {$newreply}
    </div>
    <br style="clear: both;" />
    {$quickreply}
    {$threadexbox}
    {$similarthreads}
    <br />
    <div class="float_left">
        <ul class="thread_tools">
            <li class="printable"><a href="printthread.php?tid={$tid}">{$lang->view_printable}</a></li>
            <li class="sendthread"><a href="sendthread.php?tid={$tid}">{$lang->send_thread}</a></li>
            <li class="subscription_{$add_remove_subscription}"><a href="usercp2.php?action={$add_remove_subscription}subscription&amp;tid={$tid}&amp;my_post_key={$mybb->post_code}">{$add_remove_subscription_text}</a></li>
        </ul>
    </div>

    <div class="float_right" style="text-align: right;">
        {$moderationoptions}
        {$forumjump}
    </div>
    <br style="clear: both;" />
    {$usersbrowsing}{$usersBrowsedTopic}
    {$footer}
</body>
</html>

Odświeżam

postbit_classic ok 5 linijka:

<td class="{$altbg}" width="15%"

Dostosuj sobie width.

Zmiany musisz dokonać również w szablonie showthread_classic_header.

Dzięki

---

jak zmieniam w postbit_classic to mogę tą linie rozszerzyć, jak jest nagroda przydzielona to się nie zwęża, a która linijkę muszę edytować w tym drugim szablonie ? bo nie wiem która linia odpowiada za tą linie rozjeżdżającą się, a PS. Rozjeżdża mi się tylko w przeglądarce google Chrom, w firefoxie nie mam tego problemu...

Ok drugi szablon też edytowałem, i nic nie pomogło.