[問題]關於瀏覽文章時,IE下方出現的橫向捲軸

[依夢兒]

請教一下....
小弟架的phpbb在overall_header.tpl內設定的版面寬度(table width)是95%
在1024x768的視窗下瀏覽一切正常

若在800x600的視窗下瀏覽\r
在首頁和版面文章標題這兩頁時倒也還好(左右兩側都還能保持一定的寬度)
但是一點選文章標題,瀏覽文章時
版面寬度就會被拉寬,IE下方就會出現一條橫向的捲軸
可是那篇文章的標題和內文只有幾個簡單的字,而且也沒有簽名檔
所以不太可能是因為字元過多造成的現象....

我試過把overall_header.tpl內的table width設成80%甚至50%
結果還是一樣\r
好像那個table width="80%"(或是50%)的設定只對首頁和標題那兩頁有影響\r
一到瀏覽文章的部份,版面還是會被拉寬

請問這個問題有沒有辦法解決??
能否讓網友在瀏覽文章時,版面寬度依舊能保持像首頁那樣
不會有醜醜的橫向捲軸出現破壞版面??

謝謝!!

[maostudio]

會這樣是phpbb的一個小bug!!
請參照以下修改\r
http://phpbb-tw.net/phpbb/viewtopic.php?t=12472

ps. 我也喜歡 morningu musume!!

[依夢兒]

謝謝你喲~~
不過這個修改的教學我之前已經看過了^^||
也都修改過了
還是一樣....
問題好像不是出在這裡\r
因為就算文章標題和內文只有一個字還是會這樣

[maostudio]

不知是否有裝過mod在viewtopic_body.tpl過?
或者有無link我可以看一下?!

[依夢兒]

有裝mod
在viewtopic_body.tpl內出現的應該是這幾個吧??
Next/Previous Topic Titles
主題類型
Online status in topics
友善列印\r
虛擬貨幣\r
Color bar
閃光會員名稱\r



我的viewtopic_body.tpl:

代碼: 選擇全部

<table width="100%" cellspacing="2" cellpadding="2" border="0">
  <tr> 
	<td align="left" valign="bottom" colspan="2"><a class="maintitle" href="{U_VIEW_TOPIC}">{TOPIC_TITLE}</a><br />
	  <span class="gensmall"><b>{PAGINATION}</b><br />
	    </span></td>
  </tr>
</table>

<table width="100%" cellspacing="2" cellpadding="2" border="0">
  <tr> 
	<td align="left" valign="bottom" nowrap="nowrap"><span class="nav"><a href="{U_POST_NEW_TOPIC}"><img src="{POST_IMG}" border="0" alt="{L_POST_NEW_TOPIC}" align="middle" /></a>   <a href="{U_POST_REPLY_TOPIC}"><img src="{REPLY_IMG}" border="0" alt="{L_POST_REPLY_TOPIC}" align="middle" /></a></span></td>
	<td align="left" valign="middle" width="100%"><span class="nav">   <a href="{U_INDEX}" class="nav">{L_INDEX}</a> 
	  -> <a href="{U_VIEW_FORUM}" class="nav">{FORUM_NAME}</a></span></td>
	<td align="right" valign="bottom"><span class="mainmenu"><a href="{U_PRINT}" title="{L_PRINT}" class="nav" target="_blank"><img src="{U_PRINT_IMG}" alt="{L_PRINT}" border="0" /></a></span></td>
  </tr>
</table>

<span class="nav">
       <table border="0" cellpadding="0" cellspacing="0" width=100% class="forumline"><tr>
       <td width="48%" align="left" class="catHead" border="0" valign="middle" style="border-width: 0"> <a href="{U_VIEW_NEWER_TOPIC}" class="nav" title="{L_VIEW_NEXT_TOPIC}">{I_VIEW_NEXT_TOPIC}</a> {NEXT_TOPIC_EXTRAS} <a href="{U_VIEW_NEWER_TOPIC}" class="nav" title="{L_VIEW_NEXT_TOPIC}">{T_VIEW_NEXT_TOPIC}</a></td>
       <td width="4%" align="center" class="catHead" border="0" valign="middle" style="border-width: 0"></td>
       <td width="48%" align="right" class="catHead" border="0" valign="middle" style="border-width: 0">{PREVIOUS_TOPIC_EXTRAS} <a href="{U_VIEW_OLDER_TOPIC}" class="nav" title="{L_VIEW_PREVIOUS_TOPIC}">{T_VIEW_PREVIOUS_TOPIC}</a> <a href="{U_VIEW_OLDER_TOPIC}" class="nav" title="{L_VIEW_PREVIOUS_TOPIC}">{I_VIEW_PREVIOUS_TOPIC}</a> </td>
       </tr></table></span>
<table border="0" cellpadding="3" cellspacing="1" width="100%" class="forumline">
	{POLL_DISPLAY} 
	<tr>
		<th class="thLeft" width="150" height="26" nowrap="nowrap">{L_AUTHOR}</th>
		<th class="thRight" nowrap="nowrap">{L_MESSAGE}</th>
	</tr>
	<!-- BEGIN postrow -->
	<tr> 
		<td width="150" align="left" valign="top" class="{postrow.ROW_CLASS}"><span style="filter: glow(color={postrow.GLOWING_COLOR},strength=3); height:15px; color:white; padding:1px; font-size:13px"><a name="{postrow.U_POST_ID}"></a><b>{postrow.POSTER_NAME}</b></span><br /><span class="postdetails">{postrow.POSTER_RANK}<br />{postrow.RANK_IMAGE}{postrow.POSTER_AVATAR}<br /><br />{postrow.POSTER_JOINED}<br /><font color="green">{postrow.POSTER_FROM}</font><br /><font color="blue">{postrow.POSTER_POSTS}</font><br /><font color="orange">{postrow.POSTER_MONEY}</font><br /><font color="red">{postrow.RR_HACK}</font><br />{postrow.POSTER_ONLINE}</span><br /><br />

<!-- [BEGIN LEVEL MOD] -->
<span class="postdetails">Level: <b>{postrow.POSTER_LEVEL}</b></span><br />
<table width="142" border="0" cellpadding="0" cellspacing="0" background="templates/subSilver/images/level_mod/corps.gif" height="49">
  <tr>
    <td width="31" rowspan="2"></td>
    <td width="109" valign="top">
      <table width="111" border="0" cellpadding="0" cellspacing="0">
        <tr>
          <td valign="top" align="left"><img src="templates/subSilver/images/level_mod/01.gif" width="1" height="4"></td>
        </tr>
        <tr>
          <td><img src="templates/subSilver/images/level_mod/barreV.gif" width="{postrow.POSTER_HP_WIDTH}" height="10" alt="{postrow.POSTER_HP}" name="barreHP"><img src="templates/subSilver/images/level_mod/rondV.gif" width="4" height="10"></td>
        </tr>
        <tr>
          <td><img src="templates/subSilver/images/level_mod/02.gif" width="1" height="3"></td>
        </tr>
        <tr>
          <td><img src="templates/subSilver/images/level_mod/barreB.gif" width="{postrow.POSTER_MP_WIDTH}" height="10" alt="{postrow.POSTER_MP}" name="barreMP"><img src="templates/subSilver/images/level_mod/rondB.gif" width="4" height="10"></td>
        </tr>
        <tr>
          <td><img src="templates/subSilver/images/level_mod/03.gif" width="1" height="3"></td>
        </tr>
        <tr>
          <td><img src="templates/subSilver/images/level_mod/barreR.gif" width="{postrow.POSTER_EXP_WIDTH}" height="10" alt="{postrow.POSTER_EXP}" name="barreEXP"><img src="templates/subSilver/images/level_mod/rondR.gif" width="4" height="10"></td>
        </tr>
        <tr>
          <td height="5"></td>
        </tr>
      </table>
    </td>
  <td width="3"></td>
  </tr>
  <tr>
    <td></td>
    <td></td>
  </tr>
</table>
<!-- [END LEVEL MOD] -->

                </td>
		<td class="{postrow.ROW_CLASS}" width="100%" height="28" valign="top"><table width="100%" border="0" cellspacing="0" cellpadding="0">
			<tr>
				<td width="100%"><a href="{postrow.U_MINI_POST}"><img src="{postrow.MINI_POST_IMG}" width="12" height="9" alt="{postrow.L_MINI_POST_ALT}" title="{postrow.L_MINI_POST_ALT}" border="0" /></a><span class="postdetails">{L_POSTED}: {postrow.POST_DATE}<br /><img src="{postrow.MINI_POST_IMG}" width="12" height="9" />{L_POST_SUBJECT}: {postrow.POST_SUBJECT}</span></td>
				<td valign="top" align="right" nowrap="nowrap">{postrow.QUOTE_IMG} {postrow.EDIT_IMG} {postrow.DELETE_IMG} {postrow.IP_IMG}</td>
			</tr>
			<tr> 
				<td colspan="2"><hr /></td>
			</tr>
			<tr>
				<td colspan="2"><table style="table-layout:fixed"><tr><td style="word-wrap:break-word"><span class="postbody">{postrow.MESSAGE}{postrow.SIGNATURE}</span><span class="gensmall">{postrow.EDITED_MESSAGE}</span></td></tr></table></td>
			</tr>
		</table></td>
	</tr>
	<tr> 
		<td class="{postrow.ROW_CLASS}" width="150" align="left" valign="middle"><span class="nav"><a href="#top" class="nav">{L_BACK_TO_TOP}</a></span></td>
		<td class="{postrow.ROW_CLASS}" width="100%" height="28" valign="bottom" nowrap="nowrap"><table cellspacing="0" cellpadding="0" border="0" height="18" width="18">
			<tr> 
				<td valign="middle" nowrap="nowrap">{postrow.PROFILE_IMG} {postrow.PM_IMG} {postrow.EMAIL_IMG} {postrow.WWW_IMG} {postrow.AIM_IMG} {postrow.YIM_IMG} {postrow.MSN_IMG}<script language="JavaScript" type="text/javascript"><!-- 

	if ( navigator.userAgent.toLowerCase().indexOf('mozilla') != -1 && navigator.userAgent.indexOf('5.') == -1 )
		document.write(' {postrow.ICQ_IMG}');
	else
		document.write('</td><td> </td><td valign="top" nowrap="nowrap"><div style="position:relative"><div style="position:absolute">{postrow.ICQ_IMG}</div><div style="position:absolute;left:3px;top:-1px">{postrow.ICQ_STATUS_IMG}</div></div>');
				
				//--></script><noscript>{postrow.ICQ_IMG}</noscript></td>
			</tr>
		</table></td>
	</tr>
	<tr> 
		<td class="spaceRow" colspan="2" height="1"><img src="templates/subSilver/images/spacer.gif" alt="" width="1" height="1" /></td>
	</tr>
	<!-- END postrow -->
	<tr align="center"> 
		<td class="catBottom" colspan="2" height="28"><table cellspacing="0" cellpadding="0" border="0">
			<tr><form method="post" action="{S_POST_DAYS_ACTION}">
				<td align="right"><span class="gensmall">{L_DISPLAY_POSTS}: {S_SELECT_POST_DAYS} {S_SELECT_POST_ORDER} <input type="submit" value="{L_GO}" class="liteoption" name="submit" /></span>      <span class="gensmall">{S_TIMEZONE}</span><span class="nav">{PAGINATION}</span></td>
			</form></tr>
		</table></td>
	</tr>
</table>

<table width="100%" cellspacing="2" cellpadding="2" border="0" align="center">
  <tr> 
	<td align="left" valign="middle" nowrap="nowrap"><span class="nav"><a href="{U_POST_NEW_TOPIC}"><img src="{POST_IMG}" border="0" alt="{L_POST_NEW_TOPIC}" align="middle" /></a>   <a href="{U_POST_REPLY_TOPIC}"><img src="{REPLY_IMG}" border="0" alt="{L_POST_REPLY_TOPIC}" align="middle" /></a></span></td>
	<td align="left" valign="middle" width="100%"><span class="nav">   <a href="{U_INDEX}" class="nav">{L_INDEX}</a> 
	  -> <a href="{U_VIEW_FORUM}" class="nav">{FORUM_NAME}</a></span></td>
	<td align="right" valign="bottom"><span class="mainmenu"><a href="{U_PRINT}" title="{L_PRINT}" class="nav" target="_blank"><img src="{U_PRINT_IMG}" alt="{L_PRINT}" border="0" /></a></span></td>
  </tr>
  <tr>
	<td align="left" colspan="3"><span class="nav">{PAGE_NUMBER}</span></td>
  </tr>
</table>

<table width="100%" cellspacing="2" border="0" align="center">
  <tr>
   <td width="40%" valign="top" nowrap="nowrap" align="left">
     <span class="gensmall">{S_WATCH_TOPIC}</span><br /> <br />{S_TOPIC_ADMIN}
   </td>
  </tr>
</table>

<table width="100%" cellspacing="2" border="0" align="center">
  <tr>
   <td valign="top" align="left">
     <form name="quick_reply" action="{U_QUICK_REPLY}" method="post"><!-- Quick_Reply_MOD -->
      <!-- BEGIN quick_reply_anonymous -->
      <span class="gensmall"><b>{L_USERNAME}</b></span><br />
      <span class="genmed"><input type="text" class="post" tabindex="1" name="username" size="25" maxlength="25" value="" /></span><br />
      <!-- END quick_reply_anonymous -->
      <textarea name="message" rows="7" cols="35" wrap="virtual" style="width:500px" class="post" onclick="{if(document.quick_reply.message.value=='{L_QUICK_REPLY_TOPIC}') document.quick_reply.message.value=''}">{L_QUICK_REPLY_TOPIC}</textarea><br />
      {U_HIDDEN_FORM_FIELDS}
      <input type="image" src="{QUICK_REPLY_IMG}" border="0" alt="{L_QUICK_REPLY_TOPIC}" onClick="if(document.quick_reply.message.value == '{L_QUICK_REPLY_TOPIC}' || document.quick_reply.message.value == ''){ alert('{L_EMPTY_MESSAGE}'); return false;}else{ return true;}" />
     </form>
   </td>
   <td align="right" valign="top" nowrap="nowrap">{JUMPBOX}<span class="gensmall">{S_AUTH_LIST}</span></td>
  </tr>
</table>

大概就是這個樣子:
http://chage-aska.com/phpbb/viewtopic.php?p=50
當視窗在800x600時,請注意其左右兩側寬度和首頁有明顯的不同

[maostudio]

我剛看了一下!!
1024*768/800*600都很正常ㄋ,並未發現你所述狀況!!
但我猜可能是"友善列印 "把他撐大了!!

因為竹貓的在800*600底下也會如此\r

ps. 我是用ie6

[動機不明]

快速回覆縮小一點試試看

代碼: 選擇全部

<table width="100%" cellspacing="2" border="0" align="center"> 
  <tr> 
   <td valign="top" align="left"> 
     <form name="quick_reply" action="{U_QUICK_REPLY}" method="post"><!-- Quick_Reply_MOD --> 
      <!-- BEGIN quick_reply_anonymous --> 
      <span class="gensmall"><b>{L_USERNAME}</b></span><br /> 
      <span class="genmed"><input type="text" class="post" tabindex="1" name="username" size="25" maxlength="25" value="" /></span><br /> 
      <!-- END quick_reply_anonymous --> 
      <textarea name="message" rows="7" cols="35" wrap="virtual" style="[color=red]width:400px[/color]" class="post" onclick="{if(document.quick_reply.message.value=='{L_QUICK_REPLY_TOPIC}') document.quick_reply.message.value=''}">{L_QUICK_REPLY_TOPIC}</textarea><br /> 
      {U_HIDDEN_FORM_FIELDS} 
      <input type="image" src="{QUICK_REPLY_IMG}" border="0" alt="{L_QUICK_REPLY_TOPIC}" onClick="if(document.quick_reply.message.value == '{L_QUICK_REPLY_TOPIC}' || document.quick_reply.message.value == ''){ alert('{L_EMPTY_MESSAGE}'); return false;}else{ return true;}" /> 
     </form> 
   </td> 
   <td align="right" valign="top" nowrap="nowrap">{JUMPBOX}<span class="gensmall">{S_AUTH_LIST}</span></td> 
  </tr> 
</table>

[依夢兒]

快速回覆縮小一點試試看

可以囉!!
我把快速回覆的 style="width:500px" 改成 style="width:400px" 就不會再出現橫向捲軸了!!

謝謝你們....你們都是好人^^

[動機不明]

可以囉!!
我把快速回覆的 style="width:500px" 改成 style="width:400px" 就不會再出現橫向捲軸了!!

謝謝你們....你們都是好人^^

\r

(我們？其實 maostudio 是壞人說...)

(版主息怒，開玩笑的 )

[maostudio]

來人啊!!
把那隻猴子拖下去，煮猴腦湯給大家補一補!!

^^v

[JeRry-GoNg]

還有一種方法...
刪除水平捲軸
在適當的地方加入....(我不知道加在哪?沒用過phpbb)
<style type=text/css>
<!--
BODY{overflow-x:hidden; /*刪除水平捲軸*/}
-->
</style>