Postbit Legacy - Firefox Problem - vBulletin Community Forum

Kamex

Senior Member

Join Date: Jan 2004
Posts: 100

Postbit Legacy - Firefox Problem

Thu 2 Sep '04, 12:41pm

Until now, my message board has been IE only. I hate IE, and it has bothered me for a long time that my own board is like this. I can't stand it anymore, and want to fix it.

One of the problems is with my heavily customized postbit_legacy template. In Mozilla Firefox, sometimes sidebars are stretched to fill the whole screen, which, aside from looking really ugly, makes that post unreadable. I've never seen the problem affect more than one post in a page at once, but this could simply be due to rarity. When the page is refreshed, the problem goes away, but it comes back to haunt you later.

Here is the template in question:

Code:

<!-- post #$post[postid] -->
<if condition="$show['spacer']">$spacer_open<if condition="!$post['islastshown']"><div style="padding:0px 0px $stylevar[cellpadding]px 0px"></if></if>

<table class="tborder" cellpadding="$stylevar[cellpadding]" cellspacing="0" border="0" width="100%" align="center">
<tr>
	<td class="thead" style="font-weight:normal" $scrolltothis>		
			<!-- status icon and date -->
			<a name="post$post[postid]"><img class="inlineimg" src="$stylevar[imgdir_statusicon]/post_$post[statusicon].gif" alt="$post[statustitle]" border="0" /></a>
			<if condition="!$show['start_until_end']">
				$post[postdate]<if condition="!$show['detailedtime']">, $post[posttime]</if>
			<else />
				<phrase 1="$post[startdate]" 2="$post[enddate]">$vbphrase[x_until_y]</phrase>
			</if>
			$post[firstnewinsert]
			<!-- / status icon and date -->				
	</td>
	<td class="thead" style="font-weight:normal" align="$stylevar[right]">
		&nbsp;
		<if condition="$show['postcount']">#<a href="showpost.php?$session[sessionurl]p=$post[postid]&amp;postcount=$post[postcount]" target="new"><strong>$post[postcount]</strong></a></if>
	</td>
</tr>
<tr valign="top">
	<if condition="!$post['field13']"><td class="alt2" width="175"><else /><td bgcolor="$post[field17]" background="$post[field13]" width="175"></if>
			
			<div id="postmenu_$post[postid]">
<if condition="$post[field7] == wave"><table class="glowname" width="165" style=filter:$post[field7](color=$post[field8],direction=left)><font style="color:$post[field6];" size="4">$post[username]</font></table><else />
<if condition="$post[field7] == bgcolor"><table class="glowname" width="165" bgcolor="$post[field8]"><tr><td align="center"><font face="arial black" style="color:$post[field6]; background: $post[field8];" size="4">$post[username]</font></td></tr></table>

			<else /><table class="glowname" width="165" style=filter:$post[field7](color=$post[field8],direction=left,strength=5)><font style="color:$post[field6];" size="4">$post[username]</font></table></if></if>

				<script type="text/javascript"> vbmenu_register("postmenu_$post[postid]", true); </script>
			</div>
			
			<if condition="!$post['field12']"> <if condition="$post['usertitle']"><div class="smallfont"><$post[field14]arque$post[field15] style="width:165px"><font face="$post[field10]">$post[field9]</font></marquee></div></if><else /><if condition="$post['usertitle']"><div class="smallfontsidebar" style="color:$post[field12];"><$post[field14]arque$post[field15]><font face="$post[field10]">$post[field9]</font></marquee></div></if></if>
			<if condition="$post['rank']"><div class="smallfont">$post[rank]</div></if>
		
			<if condition="$show['avatar']">
				<div class="smallfont">
					&nbsp;<br /><a href="member.php?$session[sessionurl]u=$post[userid]"><img src="$avatarurl" alt="<phrase 1="$post[username]">$vbphrase[xs_avatar]</phrase>" border="0" /></a>
				</div>
			</if>
			
			<if condition="!$post['field12']"> <div class="smallfont"><else /><div class="smallfontsidebar" style="color:$post[field12];"></if>
				&nbsp;<br />
<div><if condition="$post['field18']"><a href="$post[field18]"><img src="images/misc/themesong.gif" border="0"></a></if>

<if condition="$post['field5']"><if condition="$post[field5] == Unspecified"><else /><img src="images/gender/gen$post[field5].gif" /></if></if>

</div>

				<if condition="$post['joindate']"><div>$vbphrase[join_date]: $post[joindate]</if></div>
				<if condition="$post['field2']"><div>$vbphrase[location_perm]: $post[field2]</div></if>
<div>Rank: $post[usertitle]</div>
				<if condition="$post['age']"><div>$vbphrase[age]: $post[age]</div></if>
				<div>
<if condition="$post['userid']!=14">$vbphrase[posts]: $post[posts]<if condition="$post[usertitle] == 'Zero Poster'">/1</if>
<if condition="$post[usertitle] == 'Novice'">/100</if>
<if condition="$post[usertitle] == 'Junior'">/200</if>
<if condition="$post[usertitle] == 'Senior'">/400</if>
<if condition="$post[usertitle] == 'Mad Poster'">/600</if>
<if condition="$post[usertitle] == 'Sage'">/1000</if>
</if>
					<if condition="$show['reputation']">$post[reputationdisplay]</if>
				</div>
<div>$post[field16]</div>
				<div>$post[icqicon] $post[aimicon] $post[msnicon] $post[yahooicon]<br><br>$post[arcadeawards]</div>
			</div>					
		
	</td>
	<td class="alt1">
	
		<if condition="$show['messageicon'] OR $post['title']">
			<!-- icon and title -->
			<div class="smallfont">
				<if condition="$show['messageicon']"><img class="inlineimg" src="$post[iconpath]" alt="$post[icontitle]" border="0" /></if>
				<if condition="$post['title']"><strong>$post[title]</strong></if>
			</div>
			<hr size="1" style="color:$stylevar[tborder_bgcolor]" />
			<!-- / icon and title -->
		</if>
		
		<!-- message -->
		<div>$post[message]</div>
		<!-- / message --><br><br>
                <!-- post follower -->
		<div class="smallfont">$post[field26] </div><br />
		<!-- / post follower -->
	
		<if condition="$show['attachments']">
		<!-- attachments -->
			<div style="padding:$stylevar[cellpadding]px">
			
			<if condition="$show['thumbnailattachment']">
				<fieldset class="fieldset">
					<legend>$vbphrase[attached_thumbnails]</legend>
					<div style="padding:$stylevar[formspacer]px">
					$post[thumbnailattachments]
					</div>
				</fieldset>
			</if>
		
			<if condition="$show['imageattachment']">
				<fieldset class="fieldset">
					<legend>$vbphrase[attached_images]</legend>
					<div style="padding:$stylevar[formspacer]px">
					$post[imageattachments]
					</div>
				</fieldset>
			</if>
			
			<if condition="$show['imageattachmentlink']">
				<fieldset class="fieldset">
					<legend>$vbphrase[attached_images]</legend>
					<table cellpadding="0" cellspacing="$stylevar[formspacer]" border="0">
					$post[imageattachmentlinks]
					</table>
					</fieldset>
			</if>
			
			<if condition="$show['otherattachment']">
				<fieldset class="fieldset">
					<legend>$vbphrase[attached_files]</legend>
					<table cellpadding="0" cellspacing="$stylevar[formspacer]" border="0">
					$post[otherattachments]
					</table>
				</fieldset>
			</if>
			
			<if condition="$show['moderatedattachment']">
				<fieldset class="fieldset">
					<legend>$vbphrase[attachments_pending_approval]</legend>
					<table cellpadding="0" cellspacing="$stylevar[formspacer]" border="0">
					$post[moderatedattachments]
					</table>
				</fieldset>		
			</if>
			
			</div>
		<!-- / attachments -->
		</if>
		
		<if condition="$post['signature']">
		<!-- sig -->
			<div>
				__________________<br />
				$post[signature]
			</div>
		<!-- / sig -->
		</if>
		
		<if condition="$show['postedited']">
		<!-- edit note -->
			<div class="smallfont">			<hr size="1" style="color:$stylevar[tborder_bgcolor]" />
				<em>
				<phrase 1="$post[edit_username]" 2="$post[edit_date]" 3="$post[edit_time]">$vbphrase[last_edited_by_x_on_y_at_z]</phrase>.
				<if condition="$post['edit_reason']">$vbphrase[reason]: $post[edit_reason]</if>
				</em>
			</div>
		<!-- / edit note -->
		</if>
	
	</td>
</tr>
<tr>
	<td class="alt2">
		$post[onlinestatus]
		<if condition="$show['reputationlink']"><a href="#" onclick="return reputation($post[postid])"><img class="inlineimg" src="$stylevar[imgdir_button]/reputation.gif" border="0" alt="<phrase 1="$post[username]">$vbphrase[add_to_xs_reputation]</phrase>" /></a></if>
		<if condition="$show['reportlink']"><a href="report.php?$session[sessionurl]p=$post[postid]"><img class="inlineimg" src="$stylevar[imgdir_button]/report.gif" alt="$vbphrase[report_bad_post]" border="0" /></a></if>
		$post[iplogged]
		&nbsp;
	</td>
	<td class="alt1" align="$stylevar[right]">
		<!-- controls -->
		<if condition="$post['editlink']">
			<a href="$post[editlink]"><img src="$stylevar[imgdir_button]/edit.gif" alt="$vbphrase[edit_delete_message]" border="0" /></a>
		</if>
		<if condition="$post['forwardlink']">
			<a href="$post[forwardlink]"><img src="$stylevar[imgdir_button]/forward.gif" alt="$vbphrase[forward_message]" border="0" /></a>
		</if>
		<if condition="$post['replylink']">
			<a href="$post[replylink]"><img src="$stylevar[imgdir_button]/reply_small.gif" alt="$vbphrase[reply_with_quote]" border="0" /></a>
		</if>
		<if condition="$SHOWQUICKREPLY AND !$show['threadedmode']">
			<a href="$post[replylink]" onclick="return qr($post[postid]);"><img src="$stylevar[imgdir_button]/quickreply.gif" alt="$vbphrase[quick_reply_to_this_message]" border="0" /></a>
		</if>
		<!-- / controls -->
	</td>
</tr>
</table>

<!-- post $post[postid] popup menu -->
<div class="vbmenu_popup" id="postmenu_$post[postid]_menu" style="display:none; filter:alpha(opacity=90); -moz-opacity: 0.3;">
	<table cellpadding="4" cellspacing="1" border="0">
	<tr>
		<td class="thead">$post[username]</td>
	</tr>
	<if condition="$show['profile']">
		<tr><td class="vbmenu_option"><a href="member.php?$session[sessionurl]userid=$post[userid]" target="_blank">$vbphrase[view_public_profile]</a></td></tr>
	</if>
	<if condition="$show['pmlink']">
		<tr><td class="vbmenu_option"><a href="private.php?$session[sessionurl]do=newpm&amp;userid=$post[userid]"><phrase 1="$post[username]">$vbphrase[send_private_message_to_x]</phrase></a></td></tr>
	</if>
	<if condition="$show['emaillink']">
		<tr><td class="vbmenu_option"><a href="sendmessage.php?$session[sessionurl]do=mailmember&amp;u=$post[userid]"><phrase 1="$post[username]">$vbphrase[send_email_to_x]</phrase></a></td></tr>
	</if>
	<if condition="$show['homepage']">
		<tr><td class="vbmenu_option"><a href="$post[homepage]"><phrase 1="$post[username]">$vbphrase[visit_xs_homepage]</phrase></a></td></tr>
	</if>
	<if condition="$show['search']">
		<tr><td class="vbmenu_option"><a href="search.php?$session[sessionurl]do=finduser&amp;userid=$post[userid]"><phrase 1="$post[username]">$vbphrase[find_more_posts_by_x]</phrase></a></td></tr>
	</if>
	<if condition="$post['userid']">
	<tr><td class="vbmenu_option"><a href="profile.php?$session[sessionurl]do=addlist&amp;userlist=buddy&amp;u=$post[userid]"><phrase 1="$post[username]">$vbphrase[add_x_to_buddy_list]</phrase></a></td></tr>
	</if>
<!--edit-->
	<if condition="$show['pmlink']">
	<tr><td class="vbmenu_option"><a href="arcade.php?do=newchallenge&userid=$post[userid]">Challenge $post[username] to a game!</a></td></tr>
</if>
<!--/edit-->
	</table>
</div>
<!-- / post $post[postid] popup menu -->

<if condition="$show['spacer']"><if condition="!$post['islastshown']"></div></if>$spacer_close</if>
<!-- / post #$post[postid] -->

This problem is the most important thing I need to take care of in order to make my forums compatible with more than just IE. Can anyone help?

Tags: None

pank

Senior Member

Join Date: Mar 2001

Posts: 466
- Share
- Tweet
#2

Thu 2 Sep '04, 3:00pm

I'd make sure your actual post <td cell has a width set for it. Also maybe posting a link to the board may help as well. But from looking quickly at your code it appears the actual post cell has no set width set.

Bob- (pank)
pankpages.com / http://twitter.com/_pank
Comment
Kamex

Senior Member

Join Date: Jan 2004

Posts: 100
- Share
- Tweet
#3

Thu 2 Sep '04, 3:37pm

http://theelectricuniverse.com/vb3/showthread.php?t=579

My forums are 100% width, so I don't think it's possible to set a cell width.
Comment
Kamex

Senior Member

Join Date: Jan 2004

Posts: 100
- Share
- Tweet
#4

Fri 3 Sep '04, 9:08am

Perhaps I could set the cell width using javascript?
Comment
Bad Bunny

Senior Member

Join Date: Apr 2002

Posts: 428
- Share
- Tweet
#5

Sun 5 Sep '04, 9:39am

That doesn't make any sense to me. Why would you use javascript to do what html can do?

I checked out all three pages of the thread you posted, using the latest stable build of firefox, and I came across no problem with "sidebar" widths filling the whole screen. I assume you mean the left hand cell of your postbit, and from here there are no errors in the wya it renders.

V1 Bad Bunny Emoticons > (For Dark BGs)
Squarehead V1 Emoticons - Let Users select postbit style!
Comment

Previous template Next

Announcement

Postbit Legacy - Firefox Problem

Postbit Legacy - Firefox Problem

Comment

Comment

Comment

Comment