[Solved] Ti2000 Theme Horizontal Scrollbar issue

[Teknix]

Im trying to get the Ti2000 theme working on my site and im having the same issue other users have had. When viewing either the portal or forum itself, the theme looks fine, yet when you view a topic the site increases it's width and you get a horizonal scrollbar. I've tried to correct this with the following solutions from http://www.forumimages.co.uk but neither have solved my problem.

=====

no_thread_stretch.js

Find

Line number On/Off | Expand/Contract | Select all

document.write('     width]
 
Replace with
[code]document.write(' width]
 
=====
 
view_topicbody.tpl
 
Find
[code]<was> no_thread_stretch({BLOCK_WIDTH}+233); [/code]
 
Replace with
[code]<was> no_thread_stretch({BLOCK_WIDTH}+10%);

This error occurs in either the firefox or IE browsers so i know it's not just firefox, if anyone has an idea of how to fix this please let me know. Also, if you need screenshots as an example of what it's doing please let me know and i can provide you with these as well.

Thankyou for your time.

[Jason Sanborn]

Try this fix: http://www.simplicitypoint.com/viewtopic.php?t=4

[Teknix]

applied the fix listed above and still no go. When viewing a topic it looks fine until the actual message is loaded, then it flips out on me, perhaps it's still something that helter had pointed out on fi.com about it being static images? Also when viewing a post, for some reason i have scrollbars inside the post itself even though the message is very short. let me try to get some screenshots up here in a min to better describe whats going on.

[Teknix]

Here we go:

[url=http]Portal page[/url]
This shows the portal, while it has a little bit of stretching, it is tolerable. The othnly things i have modded myself on this template is recoloring (everything blue used to be yellow) and the banner. nothing else is modified aside from the code to fix this issue.

[url=http]Forum view[/url]
This shows how the forum looks when looking for a topc to read, everything here is fine.

[url=http]Topic posting[/url]
This is what it looks like when either replying to a post or creating a post. This is where you first get the horizontal scrollbar and also im not quite sure why the images are there above the posting window, the "double bar."

[url=http]Topic view[/url]
Last but not least, the Topic View itself. Note the scroll bar, regardless of the post only containing "test" and the broken or unaligned image in the top right of the topic window. I think since the topic view looks fine until the msg loads, the problem may be the image below the word "test" on the actual post, but im not sure since i think it's an auto-size image.

Thanks and i hope this info and pics help.

PS. resolution on viewing is 1024x768 and this happens in both IE and firefox.

[Helter]

try this. Replace your viewtopic_body with this

Line number On/Off | Expand/Contract | Select all

 <table>   <tr>    <td><img></td>    <td><img></td>    <td><img></td>   </tr></table><table>   <tr>     <td width="17" background="templates/Ti2000/images/left.gif" style="background-repeat] = "[quote="{postrow.POSTER_NAME}";p="{postrow.U_POST_ID}"]n{postrow.PLAIN_MESSAGE}n[/quote]";<END>  function addquote(post_id) {  window.parent.document.post.input.value += message[post_id];window.parent.document.post.input.focus();return;}  //--></script><table><tr><td><a>{L_INDEX}</a> {NAV_CAT_DESC}</td></tr><tr>     <td>{TOPIC_TITLE}</td></tr><tr><td> </td><td><table><tr><td><a><img></a></td><td><a><img></a></td><BEGIN><td><a><img></a></td><END><td><a><img></a></td><td>{S_WATCH_TOPIC_IMG}</td><BEGIN><td><a><img></a></td><END><BEGIN><td><a><img></a></td><END><td><a><img></a></td><td><a><img></a></td><td><a><img></a></td><td><a><img></a></td></tr></table></td></tr></table><table><tr><td><BEGIN><a><img></a><END><BEGIN><a><img></a><END></td><td><BEGIN>{BANNER_14_IMG}<br><END>{PAGINATION}</td></tr></table>{POLL_DISPLAY}<table><tr><th>{L_AUTHOR}</th><th>{L_MESSAGE}</th></tr><BEGIN><BEGIN><tbody><END><tr><td><span><a></a>{postrow.AUTHOR_PANEL}<img></td><td><table><tr><Start><form><End><td><a><img></a>{L_POSTED}:{postrow.POST_DATE}   {L_POST_SUBJECT}: {postrow.POST_SUBJECT}</td><td>{postrow.QUOTE_IMG}{postrow.EDIT_IMG}<a><img></a>{postrow.DELETE_IMG}{postrow.IP_IMG}{postrow.U_R_CARD}{postrow.U_Y_CARD}{postrow.U_G_CARD}{postrow.U_B_CARD}{postrow.CARD_EXTRA_SPACE}{postrow.CARD_HIDDEN_FIELDS} </td><Start></form><End></tr></table><table><tr><td><hr><div>{postrow.MESSAGE}</div></td></tr><tr><td>{postrow.ATTACHMENTS}<span>{postrow.EDITED_MESSAGE}</span></td></tr><tr><td><br><span>{postrow.SIGNATURE}</span></td></tr></table></td></tr><BEGIN><tr><td><table><tr>{postrow.BUTTONS_PANEL}<td><span><a><img></a> {postrow.POST_RATING}  {postrow.QUICK_QUOTE}</span></td></tr></table></td></tr><END><BEGIN></tbody><END><BEGIN><tr><td><span><a>{L_BACK_TO_TOP}</a></span></td><td><table><tr><td><a>{L_IGNORE_CHOOSEN} </a></td><td>{postrow.IGNORE_IMG}</td></tr></table></td></tr><END><tr><td><img></td></tr><END><tr><td><form><table><tr><td>{L_DISPLAY_POSTS}:  </td><td>{S_SELECT_POST_DAYS} </td><td>{S_SELECT_POST_ORDER} </td><td><input></td></tr></table></form></td></tr></table>  <BEGIN><table><tr><td><a>{L_INDEX}</a> {NAV_CAT_DESC}</td><td><form><input><select><option>{ratingsbox.L_LATEST_RATINGS}</option><option>{ratingsbox.L_HIGHEST_RANKED_POSTS}</option><option>{ratingsbox.L_HIGHEST_RANKED_TOPICS}</option><option>{ratingsbox.L_HIGHEST_RANKED_POSTERS}</option></select> <input></form></td></tr></table>  </td>     <td><img></td>   </tr></table>  <END><table><tr><td><BEGIN><a><img></a><END><BEGIN><a><img></a><END></td><td> </td><td>{PAGINATION}</td></tr></table><table><tr><td> </td><td><a><img></a></td><td><a><img></a></td><BEGIN><td><a><img></a></td><END><td><a><img></a></td><td>{S_WATCH_TOPIC_IMG}</td><BEGIN><td><a><img></a></td><END><BEGIN><td><a><img></a></td><END><td><a><img></a></td><td><a><img></a></td><td><a><img></a></td><td><a><img></a></td></tr></table><br></td>     <td><img></td>   </tr></table>  <table>   <tr>    <td><img></td>    <td><img></td>    <td><img></td>   </tr></table>      <table>   <tr>    <td><img></td>    <td><img></td>    <td><img></td>   </tr></table><table>   <tr>     <td><img></td>         <td>    <table><tr><td><br><br>{JUMPBOX}<br><BEGIN><table><tr><td><form><span>{L_TOPIC_INFO}: <input>  <input></span></form></td></tr></table><END><br>{S_TOPIC_ADMIN}<br>{QUICK_REPLY_FORM}</td><td>  {S_AUTH_LIST}</td></tr><BEGIN><tr><td>{BANNER_15_IMG}</td></tr><END></table>  </td>     <td><img></td>   </tr></table>  <table>   <tr>    <td><img></td>    <td><img></td>    <td><img></td>   </tr></table>    

[Teknix]

Awesome! that solution you found Helter fixed it, i still have very minor stretching in the window that contains the header but that doesnt matter to me at all, everything looks fine now.

Thank you very much

[Teknix]

quick question though, before i hand this over to the admin who will be adding this to our actual website themes, do i need to send him the updated no_thread_scroll.js as well or is this a fix all in itself for the Ti2000 theme?

[Helter]

The tables for this template were written for me by a brilliant high school kid, who has trouble finishing what he starts and at the time i did not know the difference between <td> and <tr> lol.

[Helter]

this fix seems to work fine on the demo site with the default .js

[Teknix]

Awesome, again thankyou so much for fixing this issue for me. You guys are great!