Topic pages are broke in IE

For support and discussion related to templates, themes, and imagesets in phpBB 3.0.
Scam Warning
Locked
User avatar
Jaymie1989
Registered User
Posts: 1991
Joined: Thu Aug 02, 2007 5:21 pm
Name: Jaymie

Topic pages are broke in IE

Post by Jaymie1989 » Fri Feb 04, 2011 6:29 pm

Hi,

I was just going through my forum looking for bugs to iron out before I put it up live. In IE my topic pages don't look as they should and are broken.

Here is a screen image of my topic in Firefox:
Image

This is it in IE 8
Image

Here is the part in question, Which you can see in the IE image
Image

In Chrome it looks how it should just like FF.

Here is my viewtopic_bofy.html

Code: Select all

    <!-- INCLUDE overall_header.html -->
    <!-- IF U_MCP --><p>[&nbsp;<a href="{U_MCP}">{L_MCP}</a>&nbsp;]</p><!-- ENDIF -->
    <h2><a href="{U_VIEW_TOPIC}">{TOPIC_TITLE}</a> {TOPIC_SOLVED_TITLE}</h2>
    <!-- NOTE: remove the style="display: none" when you want to have the forum description on the topic body -->
    <!-- IF FORUM_DESC --><div style="display: none !important;">{FORUM_DESC}<br /></div><!-- ENDIF -->

    <!-- IF MODERATORS or U_MCP -->
       <p>
          <!-- IF MODERATORS -->
             <strong><!-- IF S_SINGLE_MODERATOR -->{L_MODERATOR}<!-- ELSE -->{L_MODERATORS}<!-- ENDIF -->:</strong> {MODERATORS}
          <!-- ENDIF -->

       </p>
    <!-- ENDIF -->

    <!-- IF S_FORUM_RULES -->
       <div class="rules">
          <div class="inner"><span class="corners-top"><span></span></span>

          <!-- IF U_FORUM_RULES -->
             <a href="{U_FORUM_RULES}">{L_FORUM_RULES}</a>
          <!-- ELSE -->
             <strong>{L_FORUM_RULES}</strong><br />
             {FORUM_RULES}
          <!-- ENDIF -->

          <span class="corners-bottom"><span></span></span></div>
       </div>
    <!-- ENDIF -->

    <div class="topic-actions">

       <div class="buttons">
       <!-- IF not S_IS_BOT and S_DISPLAY_REPLY_INFO -->
          <div class="<!-- IF S_IS_LOCKED -->locked-icon<!-- ELSE -->reply-icon<!-- ENDIF -->"><a href="{U_POST_REPLY_TOPIC}" title="<!-- IF S_IS_LOCKED -->{L_TOPIC_LOCKED}<!-- ELSE -->{L_POST_REPLY}<!-- ENDIF -->"><span></span><!-- IF S_IS_LOCKED -->{L_TOPIC_LOCKED_SHORT}<!-- ELSE -->{L_POST_REPLY}<!-- ENDIF --></a></div>
       <!-- ENDIF -->
       </div>

       <!-- IF S_DISPLAY_SEARCHBOX -->
          <div class="search-box">
             <form method="post" id="topic-search" action="{S_SEARCHBOX_ACTION}">
             <fieldset>
                <input class="inputbox search tiny"  type="text" name="keywords" id="search_keywords" size="20" value="{L_SEARCH_TOPIC}" onclick="if(this.value=='{LA_SEARCH_TOPIC}')this.value='';" onblur="if(this.value=='')this.value='{LA_SEARCH_TOPIC}';" />
                <input class="button2" type="submit" value="{L_SEARCH}" />
                <input type="hidden" value="{TOPIC_ID}" name="t" />
                <input type="hidden" value="msgonly" name="sf" />
             </fieldset>
             </form>
          </div>
       <!-- ENDIF -->

       <!-- IF PAGINATION or TOTAL_POSTS -->
          <div class="pagination">
             <!-- IF U_VIEW_UNREAD_POST and not S_IS_BOT --><a href="{U_VIEW_UNREAD_POST}">{L_VIEW_UNREAD_POST}</a> &bull; <!-- ENDIF -->{TOTAL_POSTS}
             <!-- IF PAGE_NUMBER --><!-- IF PAGINATION --> &bull; <a href="#" onclick="jumpto(); return false;" title="{L_JUMP_TO_PAGE}">{PAGE_NUMBER}</a> &bull; <span>{PAGINATION}</span><!-- ELSE --> &bull; {PAGE_NUMBER}<!-- ENDIF --><!-- ENDIF -->
          </div>
       <!-- ENDIF -->

    </div>
    <div class="clear"></div>


    <!-- IF S_TOPIC_DELETED -->
       <div id="p0" class="post bg2 deleted_topic">
          <div class="inner"><span class="corners-top"><span></span></span>
          <div class="postbody">
             <h3 class="first">{L_PRIME_TOPIC_DELETED_MSG}</h3>
             <div class="ignore">
                {DELETED_MSG}
             </div>
          </div>
          <div class="back2top"><a href="#wrap" class="top" title="{L_BACK_TO_TOP}">{L_BACK_TO_TOP}</a></div>
          <span class="corners-bottom"><span></span></span></div>
       </div>
    <!-- ENDIF -->
    <!-- IF S_HAS_POLL -->
       <form method="post" action="{S_POLL_ACTION}">

       <div class="panel">
          <div class="inner"><span class="corners-top"><span></span></span>

          <div class="content">
             <h2>{POLL_QUESTION}</h2>
             <p class="author">{L_POLL_LENGTH}<!-- IF S_CAN_VOTE and L_POLL_LENGTH --><br /><!-- ENDIF --><!-- IF S_CAN_VOTE -->{L_MAX_VOTES}<!-- ENDIF --></p>

             <fieldset class="polls">
             <!-- BEGIN poll_option -->
                <dl class="<!-- IF poll_option.POLL_OPTION_VOTED -->voted<!-- ENDIF -->"<!-- IF poll_option.POLL_OPTION_VOTED --> title="{L_POLL_VOTED_OPTION}"<!-- ENDIF -->>
                   <dt><!-- IF S_CAN_VOTE --><label for="vote_{poll_option.POLL_OPTION_ID}">{poll_option.POLL_OPTION_CAPTION}</label><!-- ELSE -->{poll_option.POLL_OPTION_CAPTION}<!-- ENDIF --></dt>
                   <!-- IF S_CAN_VOTE --><dd style="width: auto;"><!-- IF S_IS_MULTI_CHOICE --><input type="checkbox" name="vote_id[]" id="vote_{poll_option.POLL_OPTION_ID}" value="{poll_option.POLL_OPTION_ID}"<!-- IF poll_option.POLL_OPTION_VOTED --> checked="checked"<!-- ENDIF --> /><!-- ELSE --><input type="radio" name="vote_id[]" id="vote_{poll_option.POLL_OPTION_ID}" value="{poll_option.POLL_OPTION_ID}"<!-- IF poll_option.POLL_OPTION_VOTED --> checked="checked"<!-- ENDIF --> /><!-- ENDIF --></dd><!-- ENDIF -->
                   <!-- IF S_DISPLAY_RESULTS --><dd class="resultbar"><div class="<!-- IF poll_option.POLL_OPTION_PCT < 20 -->pollbar1<!-- ELSEIF poll_option.POLL_OPTION_PCT < 40 -->pollbar2<!-- ELSEIF poll_option.POLL_OPTION_PCT < 60 -->pollbar3<!-- ELSEIF poll_option.POLL_OPTION_PCT < 80 -->pollbar4<!-- ELSE -->pollbar5<!-- ENDIF -->" style="width:{poll_option.POLL_OPTION_PERCENT};">{poll_option.POLL_OPTION_RESULT}</div></dd>
                   <dd><!-- IF poll_option.POLL_OPTION_RESULT == 0 -->{L_NO_VOTES}<!-- ELSE -->{poll_option.POLL_OPTION_PERCENT}<!-- ENDIF --></dd><!-- ENDIF -->
                </dl>
             <!-- END poll_option -->

             <!-- IF S_DISPLAY_RESULTS -->
                <dl>
                   <dt>&nbsp;</dt>
                   <dd class="resultbar">{L_TOTAL_VOTES} : {TOTAL_VOTES}</dd>
                </dl>
             <!-- ENDIF -->

             <!-- IF S_CAN_VOTE -->
                <dl style="border-top: none;">
                   <dt>&nbsp;</dt>
                   <dd class="resultbar"><input type="submit" name="update" value="{L_SUBMIT_VOTE}" class="button1" /></dd>
                </dl>
             <!-- ENDIF -->

             <!-- IF not S_DISPLAY_RESULTS -->
                <dl style="border-top: none;">
                   <dt>&nbsp;</dt>
                   <dd class="resultbar"><a href="{U_VIEW_RESULTS}">{L_VIEW_RESULTS}</a></dd>
                </dl>
             <!-- ENDIF -->
             </fieldset>
          </div>

          <span class="corners-bottom"><span></span></span></div>
          {S_FORM_TOKEN}
          {S_HIDDEN_FIELDS}
       </div>


       </form>
       <hr />
    <!-- ENDIF -->

    <!-- BEGIN postrow -->
       <!-- IF postrow.S_FIRST_UNREAD --><a id="unread"></a><!-- ENDIF -->
       <div id="p{postrow.POST_ID}" class="post <!-- IF postrow.S_ROW_COUNT is odd -->bg1<!-- ELSE -->bg2<!-- ENDIF --><!-- IF postrow.S_UNREAD_POST --> unreadpost<!-- ENDIF --><!-- IF postrow.S_POST_REPORTED --> reported<!-- ENDIF --><!-- IF postrow.S_ONLINE and not postrow.S_IGNORE_POST --> online<!-- ENDIF --><!-- IF postrow.S_DELETED --> deleted_post<!-- ENDIF -->">
          <div class="inner"><span class="corners-top"><span></span></span>

          <div class="postbody">
             <!-- IF postrow.S_IGNORE_POST -->
                <div class="ignore">{postrow.L_IGNORE_POST}</div>
             <!-- ELSE -->

          <!-- IF not S_IS_BOT -->
             <!-- IF postrow.U_EDIT or postrow.U_DELETE or postrow.U_REPORT or postrow.U_WARN or postrow.U_INFO or postrow.U_QUOTE -->
                <ul class="profile-icons">
                   <!-- IF postrow.U_EDIT --><li class="edit-icon"><a href="{postrow.U_EDIT}" title="{L_EDIT_POST}"><span>{L_EDIT_POST}</span></a></li><!-- ENDIF -->
                   <!-- IF postrow.U_DELETE --><li class="delete-icon"><a href="{postrow.U_DELETE}" title="{L_DELETE_POST}"><span>{L_DELETE_POST}</span></a></li><!-- ENDIF -->
                   <!-- IF postrow.U_SET_SOLVED --><!-- IF postrow.S_TOPIC_SOLVED --><li class="unsolve-icon"><!-- ELSE --><li class="solve-icon"><!-- ENDIF --><a href="{postrow.U_SET_SOLVED}" <!-- IF postrow.S_TOPIC_SOLVED -->title="{L_SET_TOPIC_NOT_SOLVED}"><span>{L_SET_TOPIC_NOT_SOLVED}<!-- ELSE -->title="{L_SET_TOPIC_SOLVED}"><span>{L_SET_TOPIC_SOLVED}<!-- ENDIF --></span></a></li><!-- ENDIF -->
                   <!-- IF postrow.U_REPORT --><li class="report-icon"><a href="{postrow.U_REPORT}" title="{L_REPORT_POST}"><span>{L_REPORT_POST}</span></a></li><!-- ENDIF -->
                   <!-- IF postrow.U_WARN --><li class="warn-icon"><a href="{postrow.U_WARN}" title="{L_WARN_USER}"><span>{L_WARN_USER}</span></a></li><!-- ENDIF -->
                   <!-- IF postrow.U_INFO --><li class="info-icon"><a href="{postrow.U_INFO}" title="{L_INFORMATION}"><span>{L_INFORMATION}</span></a></li><!-- ENDIF -->
                   <!-- IF postrow.U_QUOTE --><li class="quote-icon"><a href="{postrow.U_QUOTE}" title="{L_REPLY_WITH_QUOTE}"><span>{L_REPLY_WITH_QUOTE}</span></a></li><!-- ENDIF -->
                   <!-- IF  not postrow.S_FIRST_POST_ONLY or (not START and postrow.S_ROW_COUNT == 0) -->
                      <!-- IF not postrow.S_POST_ANONYMOUS and postrow.S_FORUM_THANKS and S_USER_LOGGED_IN and not postrow.S_IS_OWN_POST and (not postrow.S_ALREADY_THANKED or postrow.S_REMOVE_THANKS) --><li class="{postrow.THANKS_IMG}"><a href="{postrow.THANKS_LINK}" title="{postrow.THANK_ALT}{postrow.POST_AUTHOR}"></a></li><!-- ENDIF -->               
                   <!-- ENDIF -->
                </ul>
             <!-- ENDIF -->
          <!-- ENDIF -->

             <h3 <!-- IF postrow.S_FIRST_ROW -->class="first"<!-- ENDIF -->><!-- IF postrow.POST_ICON_IMG --><img src="{T_ICONS_PATH}{postrow.POST_ICON_IMG}" width="{postrow.POST_ICON_IMG_WIDTH}" height="{postrow.POST_ICON_IMG_HEIGHT}" alt="" /> <!-- ENDIF --><a href="#p{postrow.POST_ID}">{postrow.POST_SUBJECT}</a></h3>
             <p class="author"><!-- IF S_IS_BOT -->{postrow.MINI_POST_IMG}<!-- ELSE --><!-- IF S_ENABLE_POST_NUM -->{L_POST_NUM}<a href="{postrow.U_MINI_POST}"<!-- IF S_ENABLE_POST_NUM_JS --> onclick="prompt('{L_POST_DIRECT_LINK}',this.href); return false;"<!-- ENDIF -->><strong>{L_POST_NUM_SYMBOL}{postrow.POST_NUM}</strong></a>&nbsp;&nbsp;{postrow.MINI_POST_IMG}<!-- ELSE --><a href="{postrow.U_MINI_POST}">{postrow.MINI_POST_IMG}</a><!-- ENDIF --><!-- ENDIF -->{L_POST_BY_AUTHOR} <strong>{postrow.POST_AUTHOR_FULL}</strong> &raquo; {postrow.POST_DATE} </p>

             <!-- IF postrow.S_POST_UNAPPROVED or postrow.S_POST_REPORTED -->
                <p class="rules">
                   <!-- IF postrow.S_POST_UNAPPROVED -->{UNAPPROVED_IMG} <a href="{postrow.U_MCP_APPROVE}"><strong>{L_POST_UNAPPROVED}</strong></a><br /><!-- ENDIF -->
                   <!-- IF postrow.S_POST_REPORTED -->{REPORTED_IMG} <a href="{postrow.U_MCP_REPORT}"><strong>{L_POST_REPORTED}</strong></a><!-- ENDIF -->
                </p>
             <!-- ENDIF -->

             <div class="content">{postrow.MESSAGE}</div>

             <!-- IF postrow.S_HAS_ATTACHMENTS -->
                <dl class="attachbox">
                   <dt>{L_ATTACHMENTS}</dt>
                   <!-- BEGIN attachment -->
                      <dd>{postrow.attachment.DISPLAY_ATTACHMENT}</dd>
                   <!-- END attachment -->
                </dl>
             <!-- ENDIF -->

             <!-- IF postrow.S_DISPLAY_NOTICE --><div class="rules">{L_DOWNLOAD_NOTICE}</div><!-- ENDIF -->
             <!-- IF postrow.EDITED_MESSAGE or postrow.EDIT_REASON -->
                <div class="notice">{postrow.EDITED_MESSAGE}
                   <!-- IF postrow.EDIT_REASON --><br /><strong>{L_REASON}:</strong> <em>{postrow.EDIT_REASON}</em><!-- ENDIF -->
                </div>
             <!-- ENDIF -->

             <!-- IF postrow.BUMPED_MESSAGE --><div class="notice"><br /><br />{postrow.BUMPED_MESSAGE}</div><!-- ENDIF -->
             <!-- IF postrow.POSTER_ID eq "2" --><br /><br /><h5>{L_JAYMIE1989}</h5><!-- ENDIF -->
             <!-- IF postrow.SIGNATURE --><div id="sig{postrow.POST_ID}" class="signature">{postrow.SIGNATURE}</div><!-- ENDIF -->
          <!-- ENDIF -->
          <!-- IF postrow.THANKS and postrow.THANKS_POSTLIST_VIEW -->
          <br />
             <div class="postbody" style="width: 100%;">
                   <!-- IF not postrow.S_POST_ANONYMOUS and not S_IS_BOT-->
                   <dt>{postrow.THANK_TEXT}{postrow.POST_AUTHOR_FULL}{postrow.THANK_TEXT_2}</dt>
                   <dd>{postrow.THANKS}</dd>
                   <!-- ENDIF -->   
             </div>
          <!-- ENDIF -->

          </div>

          <!-- IF not postrow.S_IGNORE_POST -->
             <dl class="postprofile" id="profile{postrow.POST_ID}">
                <div style="text-align: center;">
             <dt>
                <!-- IF postrow.POSTER_AVATAR -->
                   <!-- IF postrow.U_POST_AUTHOR --><a href="{postrow.U_POST_AUTHOR}">{postrow.POSTER_AVATAR}</a><!-- ELSE -->{postrow.POSTER_AVATAR}<!-- ENDIF --><br />
                <!-- ENDIF -->
                <!-- IF not postrow.U_POST_AUTHOR --><strong>{postrow.POST_AUTHOR_FULL}</strong><!-- ELSE -->{postrow.POST_AUTHOR_FULL}<!-- ENDIF -->
                 <!-- IF postrow.S_PROFILE_REAL_NAME -->
                   &nbsp; &nbsp; <b class="postauthor"<!-- IF postrow.POST_AUTHOR_COLOUR --> style="color: {postrow.POST_AUTHOR_COLOUR}"<!-- ENDIF -->><i>{postrow.PROFILE_REAL_NAME_VALUE}</i></b>
                <!-- ENDIF -->
             </dt>

             <!-- IF postrow.RANK_IMG --> &nbsp; {postrow.RANK_IMG}<!-- ENDIF -->
             <!-- IF postrow.CUSTOM_TITLE and postrow.RANK_TITLE or postrow.CUSTOM_TITLE and postrow.RANK_IMG -->
             <br /><strong>{postrow.CUSTOM_TITLE}</strong><br />
             <!-- ENDIF -->
             <dd>&nbsp;</dd>
                </div>

       <!-- IF not S_IS_BOT -->
          <!-- IF postrow.POSTER_POSTS != '' --><dd><strong>{L_POSTS}:</strong><!-- IF postrow.POSTER_ID eq "56" --> {L_BOT_POSTS}<!-- ELSE --> {postrow.POSTER_POSTS}<!-- ENDIF --></dd><!-- ENDIF -->
       <!-- IF postrow.POSTER_ID eq "56" --><!-- ELSE -->
          <!-- IF postrow.POSTER_GENDER --><dd><strong>{L_GENDER}:</strong> {postrow.POSTER_GENDER_IMG}</dd><!-- ENDIF -->
          <!-- IF postrow.GALLERY_IMAGES != '' --><dd><strong>{L_IMAGES}:</strong> <!-- IF postrow.U_GALLERY_SEARCH --><a href="{postrow.U_GALLERY_SEARCH}">{postrow.GALLERY_IMAGES}</a><!-- ELSE -->{postrow.GALLERY_IMAGES}<!-- ENDIF --></dd><!-- ENDIF -->
       <!-- ENDIF -->
          <!-- IF postrow.POSTER_JOINED --><dd><strong>{L_JOINED}:</strong> <!-- IF postrow.POSTER_ID eq "56" -->{L_BOT_JOINED}<!-- ELSE -->{postrow.POSTER_JOINED}</dd><!-- ENDIF --><!-- ENDIF -->
          <!-- IF postrow.POSTER_LOCAL_TIME --><dd><strong>{L_LOCAL_TIME}:</strong> <!-- IF postrow.POSTER_ID eq "56" -->{L_BOT_LOCAL_TIME_TOPIC}<!-- ELSE -->{postrow.POSTER_LOCAL_TIME}</dd><!-- ENDIF --><!-- ENDIF -->
          <!-- IF postrow.POSTER_FROM --><dd><strong>{L_LOCATION}:</strong> {postrow.POSTER_FROM}</dd><!-- ENDIF -->
       <!-- IF postrow.POSTER_ID eq "56" --><!-- ELSE -->
          <!-- IF not postrow.S_POST_ANONYMOUS and postrow.THANKS_COUNTERS_VIEW -->
             <dd><strong>{L_GIVEN}:</strong> <a href="{postrow.POSTER_GIVE_COUNT_LINK}">{postrow.POSTER_GIVE_COUNT}</a> <!-- IF postrow.POSTER_GIVE_COUNT > 1 --> {L_THANKS} <!-- ELSE --> {L_THANK} <!-- ENDIF --></dd>
             <dd><strong>{L_RECEIVED}:</strong><a href="{postrow.POSTER_RECEIVE_COUNT_LINK}"> {postrow.POSTER_RECEIVE_COUNT}</a>  <!-- IF postrow.POSTER_RECEIVE_COUNT > 1 --> {L_THANKS} <!-- ELSE --> {L_THANK} <!-- ENDIF --></dd>
          <!-- ENDIF -->
       <!-- ENDIF -->

       <!-- IF postrow.POSTER_ID eq "56" --><!-- ELSE -->
          <!-- IF postrow.S_PROFILE_FIELD1 -->
             <!-- Use a construct like this to include admin defined profile fields. Replace FIELD1 with the name of your field. -->
             <dd><strong>{postrow.PROFILE_FIELD1_NAME}:</strong> {postrow.PROFILE_FIELD1_VALUE}</dd>
          <!-- ENDIF -->

          <!-- BEGIN custom_fields -->
          <!-- IF not postrow.custom_fields.S_PROFILE_REAL_NAME -->
             <dd><strong>{postrow.custom_fields.PROFILE_FIELD_NAME}:</strong> {postrow.custom_fields.PROFILE_FIELD_VALUE}</dd>
          <!-- ENDIF -->
          <!-- END custom_fields -->
       <!-- ENDIF -->
          
          <!-- IF S_ENABLE_PROFILE_PC && postrow.PC && not S_ENABLE_TOPIC_SIG -->
             <dd style="padding-left:0px;max-height:"><!-- IF postrow.U_POST_AUTHOR --><a href="#" onclick="return doCollapseExpand('box{postrow.POST_ID}','btn{postrow.POST_ID}')"><strong>{L_COMPUTER_SPEC}</strong>&nbsp;<img src="{ROOT_PATH}images/pc_down.png" alt="{L_CLICK_TO_SHOW_PCSPEC}" title="{L_CLICK_TO_SHOW_PCSPEC} {postrow.POST_AUTHOR}" height="7" width="11" id="btn{postrow.POST_ID}" /></a>
            <!-- ENDIF -->   
             </dd>
             <dd id="box{postrow.POST_ID}" style="display:none;" class="box">
             <div style="text-align: center;">
                <li class="pc_spec security"><img src="{ROOT_PATH}images/blank.png" height="30" width="35" alt="{L_CLICK_TO_SHOW_PCSPEC}" /><br /><strong>{L_COMPUTER_SPECS}</strong></div></li>
               <ul>
               <!-- IF postrow.PC -->
                 <li class="pc_spec <!-- IF postrow.S_ROW_COUNT is odd -->pc_spec_blue<!-- ELSE -->pc_spec_white<!-- ENDIF -->"><strong>{L_PC} :</strong> {postrow.PC}</li>
                <!-- ENDIF -->
                <!-- IF postrow.MANUFACTURE -->   
                 <li class="pc_spec <!-- IF postrow.S_ROW_COUNT is odd -->pc_spec_blue<!-- ELSE -->pc_spec_white <!-- ENDIF -->"><strong>{L_MANUFACTURE} :</strong> {postrow.MANUFACTURE}</li>   
               <!-- ENDIF -->     
               <!-- IF postrow.MODEL -->   
                 <li class="pc_spec <!-- IF postrow.S_ROW_COUNT is odd -->pc_spec_blue<!-- ELSE -->pc_spec_white<!-- ENDIF -->"><strong>{L_PC_MODEL} :</strong> {postrow.MODEL}</li>   
               <!-- ENDIF -->   
               <!-- IF postrow.HDD -->   
                 <li class="pc_spec <!-- IF postrow.S_ROW_COUNT is odd -->pc_spec_blue<!-- ELSE -->pc_spec_white<!-- ENDIF -->"><strong>{L_PC_HDD} :</strong> {postrow.HDD}</li>
               <!-- ENDIF -->   
               <!-- IF postrow.HDDRIVES -->   
                 <li class="pc_spec <!-- IF postrow.S_ROW_COUNT is odd -->pc_spec_blue<!-- ELSE -->pc_spec_white<!-- ENDIF -->"><strong>{L_PC_HDDRIVES} :</strong> {postrow.HDDRIVES}</li>
               <!-- ENDIF -->   
               <!-- IF postrow.CPU -->   
                 <li class="pc_spec <!-- IF postrow.S_ROW_COUNT is odd -->pc_spec_blue<!-- ELSE -->pc_spec_white<!-- ENDIF -->"><strong>{L_PC_CPU} :</strong> {postrow.CPU}</li>
               <!-- ENDIF -->   
               <!-- IF postrow.PSU -->   
                 <li class="pc_spec <!-- IF postrow.S_ROW_COUNT is odd -->pc_spec_blue<!-- ELSE -->pc_spec_white<!-- ENDIF -->"><strong>{L_PC_PSU} :</strong> {postrow.PSU}</li>
               <!-- ENDIF -->   
               <!-- IF postrow.COOLING -->   
                 <li class="pc_spec <!-- IF postrow.S_ROW_COUNT is odd -->pc_spec_blue<!-- ELSE -->pc_spec_white<!-- ENDIF -->"><strong>{L_PC_COOLING} :</strong> {postrow.COOLING}</li>
               <!-- ENDIF -->   
               <!-- IF postrow.MEMORY -->   
                 <li class="pc_spec <!-- IF postrow.S_ROW_COUNT is odd -->pc_spec_blue<!-- ELSE -->pc_spec_white<!-- ENDIF -->"><strong>{L_PC_MEMORY} :</strong> {postrow.MEMORY}</li>
               <!-- ENDIF -->
               <!-- IF postrow.OS -->   
                 <li class="pc_spec <!-- IF postrow.S_ROW_COUNT is odd -->pc_spec_blue<!-- ELSE -->pc_spec_white<!-- ENDIF -->"><strong>{L_PC_OS} :</strong> {postrow.OS}</li>
               <!-- ENDIF -->   
               <!-- IF postrow.MBOARD -->   
                 <li class="pc_spec <!-- IF postrow.S_ROW_COUNT is odd -->pc_spec_blue<!-- ELSE -->pc_spec_white<!-- ENDIF -->"><strong>{L_PC_MBOARD} :</strong> {postrow.MBOARD}</li>
               <!-- ENDIF -->   
               <!-- IF postrow.SCARD -->   
                 <li class="pc_spec <!-- IF postrow.S_ROW_COUNT is odd -->pc_spec_blue<!-- ELSE -->pc_spec_white<!-- ENDIF -->"><strong>{L_PC_SCARD} :</strong> {postrow.SCARD}</li>
                 <!-- ENDIF -->   
               <!-- IF postrow.GCARD -->   
                 <li class="pc_spec <!-- IF postrow.S_ROW_COUNT is odd -->pc_spec_blue<!-- ELSE -->pc_spec_white<!-- ENDIF -->"><strong>{L_PC_GCARD} :</strong> {postrow.GCARD}</li>
               <!-- ENDIF -->
               <!-- IF postrow.MDISPLAY -->   
                 <li class="pc_spec <!-- IF postrow.S_ROW_COUNT is odd -->pc_spec_blue<!-- ELSE -->pc_spec_white<!-- ENDIF -->"><strong>{L_PC_MDISPLAY} :</strong> {postrow.MDISPLAY}</li>
               <!-- ENDIF -->   
               <!-- IF postrow.SREZ -->   
                 <li class="pc_spec <!-- IF postrow.S_ROW_COUNT is odd -->pc_spec_blue<!-- ELSE -->pc_spec_white<!-- ENDIF -->"><strong>{L_PC_SREZ} :</strong> {postrow.SREZ}</li>
               <!-- ENDIF -->   
               <!-- IF postrow.KEYB -->   
                 <li class="pc_spec <!-- IF postrow.S_ROW_COUNT is odd -->pc_spec_blue<!-- ELSE -->pc_spec_white<!-- ENDIF -->"><strong>{L_PC_KEYB} :</strong> {postrow.KEYB}</li>
               <!-- ENDIF -->   
               <!-- IF postrow.MOUSE -->   
                 <li class="pc_spec <!-- IF postrow.S_ROW_COUNT is odd -->pc_spec_blue<!-- ELSE -->pc_spec_white<!-- ENDIF -->"><strong>{L_PC_MOUSE} :</strong> {postrow.MOUSE}</li>
               <!-- ENDIF -->   
               <!-- IF postrow.CASE -->   
                 <li class="pc_spec <!-- IF postrow.S_ROW_COUNT is odd -->pc_spec_blue<!-- ELSE -->pc_spec_white<!-- ENDIF -->"><strong>{L_PC_CASE} :</strong> {postrow.CASE}</li>
               <!-- ENDIF -->
               <!-- IF postrow.ISPEED -->   
                 <li class="pc_spec <!-- IF postrow.S_ROW_COUNT is odd -->pc_spec_blue<!-- ELSE -->pc_spec_white<!-- ENDIF -->"><strong>{L_PC_ISPEED} :</strong> {postrow.ISPEED}</li>
               <!-- ENDIF -->         
               <!-- IF postrow.OINFO -->   
                 <li class="pc_spec <!-- IF postrow.S_ROW_COUNT is odd -->pc_spec_blue<!-- ELSE -->pc_spec_white<!-- ENDIF -->"><strong>{L_OINFO} :</strong> {postrow.OINFO}</li>
                <!-- ENDIF -->
             <div style="text-align: center;">
               <li class="pc_spec security"><img src="{ROOT_PATH}images/warn.png" height="30" width="35" alt="{L_CLICK_TO_SHOW_PCSPEC}" /><br /><strong>{L_COMPUTER_PROTECTION}</strong></div></li>
                <!-- IF postrow.ANTI_MALWARE -->
                 <li class="pc_spec <!-- IF postrow.S_ROW_COUNT is odd -->pc_spec_blue<!-- ELSE -->pc_spec_white<!-- ENDIF -->"><strong>{L_ANTI_VIRUS} :</strong> {postrow.ANTI_MALWARE}</li>
                <!-- ENDIF -->
                <!-- IF postrow.ANTI_SPAM -->
                 <li class="pc_spec <!-- IF postrow.S_ROW_COUNT is odd -->pc_spec_blue<!-- ELSE -->pc_spec_white<!-- ENDIF -->"><strong>{L_ANTI_SPAM} :</strong> {postrow.ANTI_SPAM}</li>
                <!-- ENDIF -->
                <!-- IF postrow.ANTI_VIRUS -->
                 <li class="pc_spec <!-- IF postrow.S_ROW_COUNT is odd -->pc_spec_blue<!-- ELSE -->pc_spec_white<!-- ENDIF -->"><strong>{L_ANTI_VIRUS} :</strong> {postrow.ANTI_VIRUS}</li>
                <!-- ENDIF -->
                <!-- IF postrow.FIREWALL -->
                 <li class="pc_spec <!-- IF postrow.S_ROW_COUNT is odd -->pc_spec_blue<!-- ELSE -->pc_spec_white<!-- ENDIF -->"><strong>{L_FIREWALL} :</strong> {postrow.FIREWALL}</li>
                <!-- ENDIF -->
                <!-- IF postrow.OTHER_PROTECTION -->
                 <li class="pc_spec <!-- IF postrow.S_ROW_COUNT is odd -->pc_spec_blue<!-- ELSE -->pc_spec_white<!-- ENDIF -->"><strong>{L_OTHER_PROTECTION} :</strong> {postrow.OTHER_PROTECTION}</li>
                <!-- ENDIF -->   
               </ul>
             </dd>
          <!-- ENDIF -->

          <!-- IF postrow.U_PM or postrow.U_EMAIL or postrow.U_WWW or postrow.U_MSN or postrow.U_ICQ or postrow.U_YIM or postrow.U_AIM or postrow.U_JABBER or postrow.U_FACEBOOK -->
       <!-- IF postrow.POSTER_ID eq "56" --><!-- ELSE -->
             <dd>
                <ul class="profile-icons">
                   <!-- IF postrow.U_PM --><li class="pm-icon"><a href="{postrow.U_PM}" title="{L_PRIVATE_MESSAGE}"><span>{L_PRIVATE_MESSAGE}</span></a></li><!-- ENDIF -->
                   <!-- IF postrow.U_EMAIL --><li class="email-icon"><a href="{postrow.U_EMAIL}" title="{L_SEND_EMAIL_USER} {postrow.POST_AUTHOR}"><span>{L_SEND_EMAIL_USER} {postrow.POST_AUTHOR}</span></a></li><!-- ENDIF -->
                   <!-- IF postrow.U_WWW --><li class="web-icon"><a href="{postrow.U_WWW}" title="{L_VISIT_WEBSITE}: {postrow.U_WWW}"><span>{L_WEBSITE}</span></a></li><!-- ENDIF -->
                   <!-- IF postrow.U_MSN --><li class="msnm-icon"><a href="{postrow.U_MSN}" onclick="popup(this.href, 550, 320); return false;" title="{L_MSNM}"><span>{L_MSNM}</span></a></li><!-- ENDIF -->
                   <!-- IF postrow.U_ICQ --><li class="icq-icon"><a href="{postrow.U_ICQ}" onclick="popup(this.href, 550, 320); return false;" title="{L_ICQ}"><span>{L_ICQ}</span></a></li><!-- ENDIF -->
                   <!-- IF postrow.U_YIM --><li class="yahoo-icon"><a href="{postrow.U_YIM}" onclick="popup(this.href, 780, 550); return false;" title="{L_YIM}"><span>{L_YIM}</span></a></li><!-- ENDIF -->
                   <!-- IF postrow.U_AIM --><li class="aim-icon"><a href="{postrow.U_AIM}" onclick="popup(this.href, 550, 320); return false;" title="{L_AIM}"><span>{L_AIM}</span></a></li><!-- ENDIF -->
                   <!-- IF postrow.U_JABBER --><li class="jabber-icon"><a href="{postrow.U_JABBER}" onclick="popup(this.href, 550, 320); return false;" title="{L_JABBER}"><span>{L_JABBER}</span></a></li><!-- ENDIF -->
                   <!-- IF postrow.U_TWITTER --><li class="twitter-icon"><a href="http://www.twitter.com/{postrow.U_TWITTER}" title="{L_TWITTER}"><span>{L_TWITTER}</span></a></li><!-- ENDIF -->
                   <!-- IF postrow.U_GALLERY --><li class="gallery-icon"><a href="{postrow.U_GALLERY}" title="{L_PERSONAL_ALBUM}"><span>{L_PERSONAL_ALBUM}</span></a></li><!-- ENDIF -->
                   <!-- IF postrow.U_FACEBOOK --><li class="facebook-icon"><a href="{postrow.U_FACEBOOK}" title="{L_FACEBOOK}" onclick="window.open(this.href); return false;" onkeypress="window.open(this.href); return false;"><span>{L_FACEBOOK}</span></a></li><!-- ENDIF -->
                </ul>
             </dd>
          <!-- ENDIF -->
          <!-- ENDIF -->
       <!-- ENDIF -->

          </dl>
       <!-- ENDIF -->

          <div class="back2top"><a href="#wrap" class="top" title="{L_BACK_TO_TOP}">{L_BACK_TO_TOP}</a></div>
          
          <!-- IF S_ENABLE_PROFILE_PC  && postrow.PC &&  S_ENABLE_TOPIC_SIG -->
       <div style="padding-left:5px;"><!-- IF postrow.U_POST_AUTHOR --><a href="#" onclick="return doCollapseExpand('box{postrow.POST_ID}','btn{postrow.POST_ID}')">
            <img src="{ROOT_PATH}images/pc_down.png" alt="{L_CLICK_TO_SHOW_PCSPEC}" title="{L_CLICK_TO_SHOW_PCSPEC} {postrow.POST_AUTHOR}" height="30" width="35" id="btn{postrow.POST_ID}" /></a>
        <!-- ENDIF -->
            <strong>{L_COMPUTER_SPEC}</strong>   
        </div>
        <div id="box{postrow.POST_ID}" style="display:none;" class="box computer_sig">
          <!-- IF postrow.PC --><strong>{L_PC} :</strong> {postrow.PC} <!-- ENDIF -->
          <!-- IF postrow.MANUFACTURE --><strong>{L_MANUFACTURE} :</strong> {postrow.MANUFACTURE} <!-- ENDIF -->
          <!-- IF postrow.MODEL --><strong>{L_PC_MODEL} :</strong> {postrow.MODEL} <!-- ENDIF -->
          <!-- IF postrow.HDD --><strong>{L_PC_HDD} :</strong> {postrow.HDD} <!-- ENDIF -->
          <!-- IF postrow.HDDRIVES --><strong>{L_PC_HDDRIVES} :</strong> {postrow.HDDRIVES} <!-- ENDIF -->
          <!-- IF postrow.CPU --><strong>{L_PC_CPU} :</strong> {postrow.CPU} <!-- ENDIF -->
          <!-- IF postrow.PSU --><strong>{L_PC_PSU} :</strong> {postrow.PSU} <!-- ENDIF -->
          <!-- IF postrow.COOLING --><strong>{L_PC_COOLING} :</strong> {postrow.COOLING} <!-- ENDIF -->
          <!-- IF postrow.MEMORY --><strong>{L_PC_MEMORY} :</strong> {postrow.MEMORY} <!-- ENDIF -->   
          <!-- IF postrow.OS --><strong>{L_PC_OS} :</strong> {postrow.OS} <!-- ENDIF -->
          <!-- IF postrow.MBOARD --><strong>{L_PC_MBOARD} :</strong> {postrow.MBOARD} <!-- ENDIF -->
          <!-- IF postrow.SCARD --><strong>{L_PC_SCARD} :</strong> {postrow.SCARD} <!-- ENDIF -->
          <!-- IF postrow.GCARD --><strong>{L_PC_GCARD} :</strong> {postrow.GCARD} <!-- ENDIF -->
          <!-- IF postrow.MDISPLAY --><strong>{L_PC_MDISPLAY} :</strong> {postrow.MDISPLAY} <!-- ENDIF -->
          <!-- IF postrow.SREZ --><strong>{L_PC_SREZ} :</strong> {postrow.SREZ}<!-- ENDIF -->
          <!-- IF postrow.KEYB --><strong>{L_PC_KEYB} :</strong> {postrow.KEYB} <!-- ENDIF -->
          <!-- IF postrow.MOUSE --><strong>{L_PC_MOUSE} :</strong> {postrow.MOUSE} <!-- ENDIF -->
          <!-- IF postrow.MOUSE --><strong>{L_PC_CASE} :</strong> {postrow.CASE} <!-- ENDIF -->
          <!-- IF postrow.CASE --><strong>{L_PC_ISPEED} :</strong> {postrow.ISPEED} <!-- ENDIF -->
          <!-- IF postrow.OINFO --><strong>{L_OINFO} :</strong> {postrow.OINFO} <!-- ENDIF -->
          <!-- IF postrow.ANTI_MALWARE --><strong>{L_ANTI_MALWARE} :</strong> {postrow.ANTI_MALWARE} <!-- ENDIF -->
          <!-- IF postrow.ANTI_SPAM --><strong>{L_ANTI_SPAM} :</strong> {postrow.ANTI_SPAM} <!-- ENDIF -->
          <!-- IF postrow.ANTI_VIRUS --><strong>{L_ANTI_VIRUS} :</strong> {postrow.ANTI_VIRUS} <!-- ENDIF -->
          <!-- IF postrow.FIREWALL --><strong>{L_FIREWALL} :</strong> {postrow.FIREWALL} <!-- ENDIF -->
          <!-- IF postrow.OTHER_PROTECTION --><strong>{L_OTHER_PROTECTION} :</strong> {postrow.OTHER_PROTECTION} <!-- ENDIF -->      
    </div>
    <!-- ENDIF -->

          <span class="corners-bottom"><span></span></span></div>
       </div>

       <hr class="divider" />
          <!-- IF (ADS_5 and postrow.S_FIRST_ROW) or (ADS_6 and not postrow.S_FIRST_ROW) -->
       <div class="post bg3">
          <div class="inner"><span class="corners-top"><span></span></span>
             <div class="postbody" style="width: 100%;">
                <h3>{L_ADVERTISEMENT}</h3>

                <div style="font-size: 1.1em; margin: 0px auto; text-align: center;">
                   <!-- IF postrow.S_FIRST_ROW -->{ADS_5}<!-- ELSE -->{ADS_6}<!-- ENDIF -->
                </div>
             </div>
          <span class="corners-bottom"><span></span></span></div>
       </div>
       <!-- ENDIF -->
    <!-- END postrow -->

    <!-- IF S_QUICK_REPLY -->
       <!-- INCLUDE quickreply_editor.html -->
    <!-- ENDIF -->

    <!-- IF S_NUM_POSTS > 1 or PREVIOUS_PAGE -->
       <form id="viewtopic" method="post" action="{S_TOPIC_ACTION}">

       <fieldset class="display-options" style="margin-top: 0; ">
          <!-- IF PREVIOUS_PAGE --><a href="{PREVIOUS_PAGE}" class="left-box {S_CONTENT_FLOW_BEGIN}">{L_PREVIOUS}</a><!-- ENDIF -->
          <!-- IF NEXT_PAGE --><a href="{NEXT_PAGE}" class="right-box {S_CONTENT_FLOW_END}">{L_NEXT}</a><!-- ENDIF -->
          <!-- IF not S_IS_BOT -->
          <label>{L_DISPLAY_POSTS}: {S_SELECT_SORT_DAYS}</label>
          <label>{L_SORT_BY} {S_SELECT_SORT_KEY}</label> <label>{S_SELECT_SORT_DIR} <input type="submit" name="sort" value="{L_GO}" class="button2" /></label>
          <!-- ENDIF -->
       </fieldset>

       </form>
       <hr />
    <!-- ENDIF -->

    <!-- IF ADS_3 -->
    <div class="forabg">
       <div class="inner"><span class="corners-top"><span></span></span>
          <ul class="topiclist">
             <li class="header">
                <dl class="icon">
                   <dt>{L_ADVERTISEMENT}</dt>
                </dl>
             </li>
          </ul>
          <div style="padding: 5px 5px 2px 5px; font-size: 1.1em; background-color: #ECF1F3; margin: 0px auto; text-align: center;">
             {ADS_3}
          </div>
       <span class="corners-bottom"><span></span></span></div>
    </div>
    <br />
    <!-- ENDIF -->

    <div class="topic-actions">
       <div class="buttons">
       <!-- IF not S_IS_BOT and S_DISPLAY_REPLY_INFO -->
          <div class="<!-- IF S_IS_LOCKED -->locked-icon<!-- ELSE -->reply-icon<!-- ENDIF -->"><a href="{U_POST_REPLY_TOPIC}" title="<!-- IF S_IS_LOCKED -->{L_TOPIC_LOCKED}<!-- ELSE -->{L_POST_REPLY}<!-- ENDIF -->"><span></span><!-- IF S_IS_LOCKED -->{L_TOPIC_LOCKED_SHORT}<!-- ELSE -->{L_POST_REPLY}<!-- ENDIF --></a></div>
       <!-- ENDIF -->
       <!-- IF S_QUICK_REPLY and not S_IS_LOCKED -->
                   <div class="quickreply-icon"><a onclick="hide_qr(); return false;" title="{L_QUICKREPLY}"><span></span>{L_QUICKREPLY}</a></div>
       <!-- ENDIF -->
       </div>

       <!-- IF PAGINATION or TOTAL_POSTS -->
          <div class="pagination">
             {TOTAL_POSTS}
             <!-- IF PAGE_NUMBER --><!-- IF PAGINATION --> &bull; <a href="#" onclick="jumpto(); return false;" title="{L_JUMP_TO_PAGE}">{PAGE_NUMBER}</a> &bull; <span>{PAGINATION}</span><!-- ELSE --> &bull; {PAGE_NUMBER}<!-- ENDIF --><!-- ENDIF -->
          </div>
       <!-- ENDIF -->
    </div>

    <!-- IF ADS_4 -->
    <br />
    <div class="forabg">
       <div class="inner"><span class="corners-top"><span></span></span>
          <ul class="topiclist">
             <li class="header">
                <dl class="icon">
                   <dt>{L_ADVERTISEMENT}</dt>
                </dl>
             </li>
          </ul>
          <div style="padding: 5px 5px 2px 5px; font-size: 1.1em; background-color: #ECF1F3; margin: 0px auto; text-align: center;">
             {ADS_4}
          </div>
       <span class="corners-bottom"><span></span></span></div>
    </div>
    <br />
    <!-- ENDIF -->

    <!-- INCLUDE jumpbox.html -->

    <!-- IF S_TOPIC_MOD -->
       <form method="post" action="{S_MOD_ACTION}">
       <fieldset class="quickmod">
          <label for="quick-mod-select">{L_QUICK_MOD}:</label> {S_TOPIC_MOD} <input type="submit" value="{L_GO}" class="button2" />
          {S_FORM_TOKEN}
       </fieldset>
       </form>
    <!-- ENDIF -->

    <!-- IF S_DISPLAY_ONLINE_LIST -->
       <h3><!-- IF U_VIEWONLINE --><a href="{U_VIEWONLINE}">{L_WHO_IS_ONLINE}</a><!-- ELSE -->{L_WHO_IS_ONLINE}<!-- ENDIF --></h3>
       <p>{LOGGED_IN_USER_LIST}</p>
    <!-- ENDIF -->

    <!-- INCLUDE overall_footer.html -->
Could someone help me as I don't know what the issue is.
cisco007 wrote:i don't really know that was the problem, but when it comes to IE any little thing can make it look bad!
have you checked on IE on the bottom left hand corner if it tells you of any errors it encountered?
Jaymie1989 wrote:
Webpage error details

User Agent: Mozilla/4.0 (compatible; MSIE 7.0; Windows NT 6.1; WOW64; Trident/4.0)
Timestamp: Fri, 4 Feb 2011 18:22:07 UTC


Message: 'JSON' is undefined
Line: 418
Char: 6
Code: 0
URI: http://localhost/community/viewtopic.php?f=2&t=1
It pulls up this line in viewtopic.php

Code: Select all

else if ($config['load_anon_lastread'] || $user->data['is_registered'])
Which is in reference to this:
// Get topic tracking info
if (!isset($topic_tracking_info))
{
$topic_tracking_info = array();

// Get topic tracking info
if ($config['load_db_lastread'] && $user->data['is_registered'])
{
$tmp_topic_data = array($topic_id => $topic_data);
$topic_tracking_info = get_topic_tracking($forum_id, $topic_id, $tmp_topic_data, array($forum_id => $topic_data['forum_mark_time']));
unset($tmp_topic_data);
}
else if ($config['load_anon_lastread'] || $user->data['is_registered'])
{
$topic_tracking_info = get_complete_topic_tracking($forum_id, $topic_id);
}
}
Dear creators of Sesame Street,
Kids are still fat. Can I come back now?
Sincerely, Cookie Monster.

View my MODs - Need phpBB help with MODs and Styles? Take a look at my phpBB3 services

User avatar
prototech
Former Team Member
Posts: 5406
Joined: Mon Mar 19, 2007 2:04 pm
Location: Southern California

Re: Topic pages are broke in IE

Post by prototech » Fri Feb 04, 2011 8:05 pm

You have several errors in the HTML just from taking a quick glance at it. I would suggest starting off by running the page through the W3C Validator and fixing all of the those issues first. If the problem persists, a link to the actual board would be helpful.
Need help with MOD/style installations or other phpBB problems? Contact me for a quote.

User avatar
Jaymie1989
Registered User
Posts: 1991
Joined: Thu Aug 02, 2007 5:21 pm
Name: Jaymie

Re: Topic pages are broke in IE

Post by Jaymie1989 » Sat Feb 05, 2011 9:24 am

Thanks,

Any chance you could walk through it with me, Some of them I don't understand.

Well really, I wouldn't know what to change it to. I try to keep it as XHTML as possible ;)
Dear creators of Sesame Street,
Kids are still fat. Can I come back now?
Sincerely, Cookie Monster.

View my MODs - Need phpBB help with MODs and Styles? Take a look at my phpBB3 services

User avatar
RMcGirr83
Recognised Extension Developer
Posts: 21034
Joined: Wed Jun 22, 2005 4:33 pm
Location: Your display
Name: Rich McGirr
Contact:

Re: Topic pages are broke in IE

Post by RMcGirr83 » Sat Feb 05, 2011 10:22 am

prototech wrote:....a link to the actual board would be helpful.
In times of change, learners inherit the earth, while the learned find themselves beautifully equipped to deal with a world that no longer exists - Eric Hoffer
Former Modifications/Extensions Team Member | My extensions
Appreciate the extensions/mods/support then buy me a beer
All requests for support via PM will be ignored

Locked

Return to “[3.0.x] Styles Support & Discussion”