MyBB Community Forums

Full Version: Threadlist scrolling to bottom of page when minimised issue.
You're currently viewing a stripped down version of our content. View the full version with proper formatting.
I have been trying to work this out for a while without trying to bother support too much. But I'm ripping my hair out now with it.

I think I might need a total overhaul of the 'treadlist' but not sure on how to get it done without destroying the whole feel and look of what I have been trying to achieve.

You can see what happens if you shrink the page via the reduce screen size tab http://articlechase.com/beyondnews/forum....php?fid=4

What happens is the threads drop to the bottom of the page to below the sidebox. It is frustrating as I cannot sort out the issue with the white space to the right of the threadlist because if I create a longer threadlist the threads drop to the bottom of the page again.

See the attachments also... how can I sort this issue out please?
You have a fixed width on the table layout for the forum. As the side bar is already a div, try putting the thread list in a div as well, and floating it.
(2013-02-10, 04:59 PM)Leefish Wrote: [ -> ]You have a fixed width on the table layout for the forum. As the side bar is already a div, try putting the thread list in a div as well, and floating it.

Thanks Lee, I'm not up on how to use DIV's, I have just been stripping back without much knowledge on coding terms.

Can you give me an example or a walk through of what you mean please.

I know my coding is garbage, this is my silly looking threadlist

<div class="float_right">
	{$newthread}
</div>

	<tr>
		<td class="thead" colspan="{$colspan}">
			<div style="float: center;"><font color="white">..</font color>
<strong><font color="white">{$foruminfo['name']}</font color></strong>&nbsp<span class="smalltext"><strong><a href="misc.php?action=markread&amp;fid={$fid}{$post_code_string}">{$lang->markforum_read}</a></strong></span>
			</div>
		</td>
	</tr>
<br>
	<tr>
		
<td>
</td>		
	</tr>	
	{$announcementlist}
<div>
<table bordercolor="#304e6e" border="1" bgcolor="#304e6e"><tr>
		<td bordercolor="#304e6e" BGCOLOR="#304e6e" width="60"><font color="white"><center>Icon</font color></center></td>
		<td BGCOLOR="#304e6e" width="350"><font color="white"><center>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Thread&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</center></font color></td> 
<td BGCOLOR="#304e6e" align="left" width="120"><font color="white">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Author</font color></td>
<td BGCOLOR="#304e6e" width="30"><center><font color="white">&nbsp;&nbsp;Replies&nbsp;&nbsp;</font color></center></td>
<td BGCOLOR="#304e6e" width="45"><center><font color="white">&nbsp;&nbsp;Views&nbsp;&nbsp;</font color></center></small></td>

<td BGCOLOR="#304e6e" align="left" width="45"><font color="white">&nbsp;&nbsp;&nbsp;&nbsp;Rating&nbsp;&nbsp;&nbsp;&nbsp;</font color></td>
<td BGCOLOR="#304e6e" width="150" align="center"><font color="white">Last Post</font color></td>

	</tr>
</table></div>
</div>
	{$threads}
{$multipage}
<div>&nbsp;</div>
	<tr>
		<td class="tfoot" align="center" colspan="{$colspan}">
			<form action="forumdisplay.php" method="get">
				<input type="hidden" name="selectall" value="{$allselected}" />
				<input type="hidden" name="fid" value="{$fid}" />
				<select name="sortby">
					<option value="subject" {$sortsel['subject']}>{$lang->sort_by_subject}</option>
					<option value="lastpost" {$sortsel['lastpost']}>{$lang->sort_by_lastpost}</option>
					<option value="starter" {$sortsel['starter']}>{$lang->sort_by_starter}</option>
					<option value="started" {$sortsel['started']}>{$lang->sort_by_started}</option>
					{$ratingsort}
					<option value="replies" {$sortsel['replies']}>{$lang->sort_by_replies}</option>
					
<option value="views" {$sortsel['views']}>{$lang->sort_by_views}</option>				</select>
				<select name="order">
					<option value="asc" {$ordersel['asc']}>{$lang->sort_order_asc}</option>
					<option value="desc" {$ordersel['desc']}>{$lang->sort_order_desc}</option>
				</select>
				<select name="datecut">
					<option value="1" {$datecutsel['1']}>{$lang->datelimit_1day}</option>
					<option value="5" {$datecutsel['5']}>{$lang->datelimit_5days}</option>
					<option value="10" {$datecutsel['10']}>{$lang->datelimit_10days}</option>
					<option value="20" {$datecutsel['20']}>{$lang->datelimit_20days}</option>
					<option value="50" {$datecutsel['50']}>{$lang->datelimit_50days}</option>
					<option value="75" {$datecutsel['75']}>{$lang->datelimit_75days}</option>
					<option value="100" {$datecutsel['100']}>{$lang->datelimit_100days}</option>
					<option value="365" {$datecutsel['365']}>{$lang->datelimit_lastyear}</option>
					<option value="9999" {$datecutsel['9999']}>{$lang->datelimit_beginning}</option>
				</select>
				{$gobutton}
<div>&nbsp;</div>
<tr>		
<td>&nbsp;<a href="newthread.php?fid=4"><img src="images/english/newthread.gif.png" alt="Post Thread" title="Post Thread"></a>&nbsp;
&nbsp;<a href="forumdisplay.php?fid=4"><img src="images/english/backbutton.png" alt="Forum Return" title="Forum Return"></a>
<div>
<center><script         charset="utf-8" src="http://widgets.twimg.com/j/2/widget.js"></script><script        >
new TWTR.Widget({
  version: 2,
  type: 'profile',
  rpp: 4,
  interval: 30000,
  width: 650,
  height: 110,
  theme: {
    shell: {
      background: '#304e6e',
      color: '#ffffff'
    },
    tweets: {
      background: '#ffffff',
      color: '#050005',
      links: '#060c7a'
    }
  },
  features: {
    scrollbar: true,
    loop: false,
    live: true,
    behavior: 'all'
  }
}).render().setUser('articlechase').start();
</script></center>
</td>		
</tr>
</div>
			</form>
		</td>
	</tr>
</table>
</div>
<br style="clear: both;" />
<br />
	</div>

<div class="float_right" style="text-align: right;">
	{$inlinemod}
</div>
<br style="clear: both" />
{$inline_edit_js}
Can you post your forumdisplay template please?
(2013-02-10, 06:08 PM)Leefish Wrote: [ -> ]Can you post your forumdisplay template please?

Sure thing thank you very much

<html>
<head>
<title>{$mybb->settings['bbname']} - {$foruminfo['name']} </title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="description" content="Beyond News Conspiracy And Alternative News Forum, topics include UFOs, Conspiracy, Politics, World Events, Secret Societies, Science and more." />
<meta name="keywords" content="global warming, spirituality, radiation, conspiracy theory, conspiracies, 9/11, alternative news, science, research, breaking news, world news, asteroid doom, planet-x, rods, green energy, free energy, paradox, earthquakes, crop circles, superstorm, ufo, ufos, space, ovnis, ovni, military, middle east, terrorism, terrorists, communism, democracy, USA, UK, EU, Europe, NATO, UN, united nations, war, wars, religion, china, africa, money, economic crisis, economics, economy, capitalism, elitists, elite, government conspiracies, ufo disclosure, youtube videos, drugs, angels, christianity, islam, muslims, muslim, catholic, Judaism, israel, iran," />

{$headerinclude}
{$rssdiscovery}
<script type="text/javascript">
<!--
    lang.no_new_posts = "{$lang->no_new_posts}";
    lang.click_mark_read = "{$lang->click_mark_read}";
// -->
</script>
<!-- ShareThis Tag Button BEGIN -->
<script type="text/javascript">var switchTo5x=true;</script>
<script type="text/javascript" src="http://w.sharethis.com/button/buttons.js"></script>
<script
 type="text/javascript">stLight.options({publisher: 
"4408dae0-d8aa-4d04-a41d-878d7b7697de", doNotHash: true, doNotCopy: 
false, hashAddressBar: false});</script>
<!-- ShareThis Tag Button End -->
</head>
<body>
{$header}
<div>
<table align="left" border="0" width="160">
<tr>
<td align="left" BGCOLOR="#304e6e"><font color ="white"<strong>Forum</strong></td>
</tr>
<tr>
<td><!-- ShareThis Button BEGIN -->
<span class='st_facebook_hcount' displayText='Facebook'></span>
<div>&nbsp;</div>
<span class='st_sharethis_hcount' displayText='ShareThis'></span>
<div>&nbsp;</div>
<span class='st_reddit_hcount' displayText='Reddit'></span>
<div>&nbsp;</div>
<span class='st_stumbleupon_hcount' displayText='StumbleUpon'></span>
<div>&nbsp;</div>
<span class='st_twitter_hcount' displayText='Tweet'></span>
<div>&nbsp;</div>
<span class='st_pinterest_hcount' displayText='Pinterest'></span>
</div>
<!-- ShareThis Button END --></td>
</tr>
<tr>
</tr>
<tr>
<td><!-- BEGIN TOP SITE LIST PLANET VOTING CODE -->
<center>
<a href="http://conspiracy.top-site-list.com/vote888.html" target="_blank">
<IMG SRC="http://conspiracy.top-site-list.com/images/voteimage/conspiracy-2.gif" border=0></a><br><font size=1><a href="http://www.top-site-list.com/"></a></font>
</center>
<!-- END TOP SITE LIST PLANET VOTING CODE -->
</td>
</tr>
<tr>
<td align="center"><a href="http://articlechase.com/forumrules.php" target="_blank"><img src="http://articlechase.com/images/1rules.png" /></a></td>
</tr>
<tr>
<td align="center"><img src="http://articlechase.com/beyondnews/images/lon1.png" /></td>
</tr>
<tr>
<td align="center"><a href="http://www.stumbleupon.com/submit?url=http%3A%2F%2Farticlechase.com%2Fbeyondnews%2Fforumdisplay.php%3Ffid%3D4&title=Beyond+News+-+Beyond+News+-+A+Place+To+BS+Freely" target="_blank"><img src="http://articlechase.com/images/BNStumble.png" />
</a></td>
</tr>
<tr>
<td align="center"><script type="text/javascript"><!--
google_ad_client = "ca-pub-5122690022190690";
/* 160x600, created 12/28/10 */
google_ad_slot = "7219687595";
google_ad_width = 160;
google_ad_height = 600;
//-->
</script>
<script type="text/javascript"
src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script></td>
</tr>
<tr>
<td align="left" BGCOLOR="#304e6e"><font color ="white"<strong>Links</strong></td>
</tr>
<tr>
<td align="center"><a href="http://www.breathingearth.net/" target="_blank"><img src="http://articlechase.com/beyondnews/images/1be.png" />
</a></td>
</tr>
<tr>
<td align="center"><a href="http://www.ufocam.co.uk/" target="_blank"><img src="http://articlechase.com/images/1UFOCAM.png" />
</a></td>
</tr>
<tr>
<td align="center"><a href="http://hisz.rsoe.hu/alertmap/index2.php" target="_blank"><img src="http://articlechase.com/beyondnews/images/1Edis.png" /></a></td>
</tr>
<b><tr>
<td><a href="http://lunaticoutpost.com" target="_blank">Lunatic Outpost</a>
</td>
<tr>
<td><a href="http://lunaticoutpost.com/forumdisplay.php?fid=7" target="_blank">Ye Olde Cock & Bull Bunker</a>
</td>
</tr>
<tr>
<td><a href="http://topix.com" target="_blank">Topix</a>
</td>
</tr>
<tr>
<td><a href="http://alien-earth.org" target="_blank">Alien Earth</a>
</td>
</tr>
<tr>
<td><a href="http://alien-ufos.com" target="_blank">Alien-UFOs</a>
</td>
</tr>
<tr>
<td><a href="http://commonsenseconspiracy.com/" target="_blank">Common Sense Conspiracy</a></td>
</tr>
<tr>
<td><a href="http://www.disinfo.com/" target="_blank">Disinformation</a></td>
</tr>
<tr>
<td><a href="http://www.twitter.com/" target="_blank">Twitter</a></td>
</tr>
<tr>
<td><a href="http://www.digg.com/" target="_blank">Digg</a></td>
</tr>
<tr>
<td><a href="http://www.reddit.com/" target="_blank">Reddit</a></td>
</tr>
<tr>
<td><a href="http://www.geobuxes.com/" target="_blank">GEOBUXES</a></td>
</tr>
<tr>
<td><a href="http://intellectualodditiesnetwork.com/" target="_blank">ION</a></td>
</tr>
<tr>
<td><a href="http://www.conspiracycafe.net/latte/" target="_blank">Conspiracy Cafe</a></td>
</tr>
<tr>
<td><a href="http://www.forteantimes.com/" target="_blank">Fortean Times</a></td>
</tr>
<tr>
<td><a href="http://www.helium.com/users/633665/show_articles" target="_blank">Karim Jessa Satire</a></td>
</tr>
<tr>
<td><a href="http://myscifionline.com/index.php" target="_blank">My SciFi Online</a></td>
</tr>
<tr>
<td><a href="http://yeoldefalseflag.com/" target="_blank">Ye Olde False Flag</a></td>
</tr>
<tr>
<td><a href="http://nasa.gov" target="_blank">NASA</a></td>
</tr>
<tr>
<td><a href="http://space.com" target="_blank">Space.Com</a></td>
</tr>
<tr>
<td align="center"><img src="http://articlechase.com/beyondnews/images/lon2.png" /></td>
</tr></b>
</table>
<table border="1"><TR>
<TD BGCOLOR="#304e6e"><font color ="white"<strong>{$usersbrowsing}Total Posts: {$stats['numposts']}, Total Threads: {$stats['numthreads']}</font color></strong></font color></TD>
<td><a href="http://www.youtube.com/user/C2CAMDaily?feature=watch" target="_blank"><img src="http://articlechase.com/beyondnews/images/c2amradio.png" /></a></td><td BGCOLOR="#304e6e"><a href="newthread.php?fid=4"><img src="images/english/newthread.gif.png" alt="Post Thread" title="Post Thread"></a></td><td BGCOLOR="#304e6e"><font color="white">{$multipage}</font color></td>
</tr>
</table>
<div>
{$subforums}
{$threadslist}
{$footer}
</body>
</html>

I just know it... I hear them laughing now Blush Shame on me Lee Toungue
Gosh Big Grin

I will see what I can do.... Can you post forumdisplay_thread as well?
(2013-02-10, 06:51 PM)Leefish Wrote: [ -> ]Gosh Big Grin

I will see what I can do.... Can you post forumdisplay_thread as well?

Not sure if I did much to that.

<tr>
	
<td align="center" style="background-color:#000000" class="{$thread_type_class}" width="1%"></td>	
	<td class="{$bgcolor}{$thread_type_class}">		
{$attachment_count}

			<table border="0" bordercolor="#000000" style="table-layout:fixed;width:950px;" style="background-color:#FFFFFF" cellpadding="1" cellspacing="3"> 
<tr>
		<td width="60"><center>{$icon}</center></td>
		
		<td width="350"><a align= "left" href="{$thread['threadlink']}" class="{$inline_edit_class} {$new_class}" id="tid_{$inline_edit_tid}">{$stprf}{$clprf}{$clclr}{$stclr}{$str1}{$thread['subject']}{$str2}{$stimg}{$clclr2}{$stclr2}{$climg}{$thread['multipage']}</a></td>
<td>&nbsp;</td>		
<td width="130" align="left" class="author mediumtext">{$thread['profilelink']}</font size></td>
<td width="40"><small><center>{$thread['replies']}</center></small></td>
<td width="40"><small><center>{$unapproved_posts}{$thread['views']}</center></small></td>
<td>{$rating}</td>
<td width="20"><small>{$lang->thread_rating}<br/><font color="white">Votes:</font color> 
<center>{$thread['numratings']}</center></small></td>
<td width="220" align="center"><small>{$lastpostdate}&nbsp;{$lastposttime}</small></td>
	</tr>
</table>
<div>

Thank you it is appreciated Smile
It needs - a lot doing really. You are using lots of table codes where an unordered list would work better, the html does not validate either, so that is causing problems.

This may take a bit of time.
(2013-02-10, 07:17 PM)Leefish Wrote: [ -> ]It needs - a lot doing really. You are using lots of table codes where an unordered list would work better, the html does not validate either, so that is causing problems.

This may take a bit of time.

Gotchya, I thought that my coding wasn't up to it. This is where I have been learning but crippling my braincells. When you have shown me the aspects I think I am about to learn an awful lot.
If I may ask,how do I fix a table with mybb. I'm going to do a bit of learning.