Demo

討論

保持飢餓,保持愚笨 (Stay hungry, stay foolish)。 史蒂夫·賈伯斯

公告

本網站已取消討論區的討論方式,如果您有問題請至LINE群行動條碼圖片網址,或Facebook社團

主要欄位不能填滿整個版面

  • s87144
  • s87144 的個人頭像 Topic Author
  • 訪客
  • 訪客
2009-06-03 00:14 #14160 來自 s87144
s87144 created the topic: 主要欄位不能填滿整個版面
我們實驗室最近在進行首頁的翻新,
目前改用joomla 1.5.10版本,佈景主題是選用"siteground-j15-1",
網站為: http://vrmip.me.ncku.edu.tw/

可是我們發現了一個怪怪的問題,
在首頁和指導教授的部份會出現中間的版面沒辦法填滿整個中間欄位。
(可以看圖片中的PDF系列的編輯圖示,它們是置右對齊的)



正常的狀況應該是這樣:


我們試過在這幾個文章輸入表格,
並利用"<table width="100%">"這樣的語法來試著填滿這個版面,
結果表格也是只有到上面圖片裡的PDF那系列的小圖示的寬度位置而已。

有打開過後台的siteground-j15-1的CSS和html編輯器看過,似乎也沒有什麼問題。

不知道有沒有人有遇過類似的問題呢?謝謝。

Please 登入 to join the conversation.

  • moveh25
  • moveh25 的個人頭像
  • 訪客
  • 訪客
2009-06-03 07:52 #14161 來自 moveh25
moveh25 replied the topic: 主要欄位不能填滿整個版面
您改用火狐看是否正常喔 8-)

s87144 寫了道:: 我們實驗室最近在進行首頁的翻新,
目前改用joomla 1.5.10版本,佈景主題是選用"siteground-j15-1",
網站為: http://vrmip.me.ncku.edu.tw/

可是我們發現了一個怪怪的問題,
在首頁和指導教授的部份會出現中間的版面沒辦法填滿整個中間欄位。
(可以看圖片中的PDF系列的編輯圖示,它們是置右對齊的)




正常的狀況應該是這樣:


我們試過在這幾個文章輸入表格,
並利用"<table width="100%">"這樣的語法來試著填滿這個版面,
結果表格也是只有到上面圖片裡的PDF那系列的小圖示的寬度位置而已。

有打開過後台的siteground-j15-1的CSS和html編輯器看過,似乎也沒有什麼問題。

不知道有沒有人有遇過類似的問題呢?謝謝。

Please 登入 to join the conversation.

  • s87144
  • s87144 的個人頭像 Topic Author
  • 訪客
  • 訪客
2009-06-03 09:35 #14164 來自 s87144
s87144 replied the topic: 主要欄位不能填滿整個版面
我有用Firefox 3.x版、IE 7.0、IE 8.0還有Google Chrome 2.0測試,
發現都會有上述的狀況耶!
:cry:

9:50補充說明:

剛剛發現,
在"部落格面板"(包含首頁、分類、單元)才會有這種問題。
用標準文章版面的時候,呈現的畫面就會是正常的版面狀態。

Please 登入 to join the conversation.

More
2009-06-03 10:42 #14175 來自 Winterrise
Winterrise replied the topic: 主要欄位不能填滿整個版面
你到後台看看Template的寬度可不可以設定為固定寬度
這個Template中間 main的寬度是動態的,左右才是固定寬度的,遇到不同解析度,恐怕會發生問題

Please 登入 to join the conversation.

More
2009-06-03 15:19 #14184 來自 leelm53
leelm53 replied the topic: 主要欄位不能填滿整個版面

s87144 寫了道:: 剛剛發現,在"部落格面板"(包含首頁、分類、單元)才會有這種問題。
用標準文章版面的時候,呈現的畫面就會是正常的版面狀態。

s87144君 :
請問有無變動過此佈景之CSS檔內容?

Please 登入 to join the conversation.

  • s87144
  • s87144 的個人頭像 Topic Author
  • 訪客
  • 訪客
2009-06-03 16:41 - 2009-06-03 16:54 #14186 來自 s87144
s87144 replied the topic: 主要欄位不能填滿整個版面

leelm53 寫了道::

s87144 寫了道:: 剛剛發現,在"部落格面板"(包含首頁、分類、單元)才會有這種問題。
用標準文章版面的時候,呈現的畫面就會是正常的版面狀態。

s87144君 :
請問有無變動過此佈景之CSS檔內容?


我有改過CSS的內容,裡面有一段
/* content styles */
table.contentpaneopen, table.contentpane {
	margin: 0;
	padding: 0;
	width: auto;
}
我把它改成
/* content styles */
table.contentpaneopen, table.contentpane {
	margin: 0;
	padding: 0;
	width: 100%;
}
這樣而已。

因為原本在文章內的表格會沒辦法填滿這個中間欄位,
改成100%之後就可以了!
但是,部落格風格還是會有無法填滿中間欄位的現象。

另外,
如我下一篇回應提到的,
我的兩個CSS檔案都是呈現無法寫入的狀態。
但是我編修CSS檔案的時候,效果還是會影響前台的畫面呈現。
會是這個原因嗎?
不過,我也不知道為什麼那兩個CSS會出現無法寫入的狀態。
最後修改原因: 2009-06-03 16:54 來自 .

Please 登入 to join the conversation.

  • s87144
  • s87144 的個人頭像 Topic Author
  • 訪客
  • 訪客
2009-06-03 16:52 #14187 來自 s87144
s87144 replied the topic: 主要欄位不能填滿整個版面

Winterrise 寫了道:: 你到後台看看Template的寬度可不可以設定為固定寬度
這個Template中間 main的寬度是動態的,左右才是固定寬度的,遇到不同解析度,恐怕會發生問題


你是說"template.css"這個檔案嗎?

我在不同解析度、還有4:3及16:9的螢幕上面都有測試過,
都會有這樣的問題耶!

另外,在部落格風格的文章裡面,
我發現如果是設定確切的表格寬度,如600px。
在較小的解析度裡面會出現項下面的畫面,表格會爆掉。


但是,如果設定的是百分比的解析度,像是100%。
應該畫面是填滿中間欄位的,但是會發生向下面這樣:
無法填滿,而且是非常狹小的表格寬度。


另外,
我的兩個CSS檔案都是無法讀法寫入的狀態,是有影響嗎?
不過我編修CSS檔案的時候,都會影響到前台版面的呈現耶?

Please 登入 to join the conversation.

More
2009-06-03 17:59 #14191 來自 leelm53
leelm53 replied the topic: 主要欄位不能填滿整個版面

s87144 寫了道:: 我們實驗室最近在進行首頁的翻新,
目前改用joomla 1.5.10版本,佈景主題是選用"siteground-j15-1",
網站為: http://vrmip.me.ncku.edu.tw/
可是我們發現了一個怪怪的問題,
在首頁和指導教授的部份會出現中間的版面沒辦法填滿整個中間欄位。
(可以看圖片中的PDF系列的編輯圖示,它們是置右對齊的)

s87144君:
我剛才也安裝此佈景測試,發現其中央 content 內容區是動態的,因此該頁內容有多寬,上方之PDF、列印圖示就跟著停在最寬的地方。

建議方案:
1.後台 --> 選單管理 --> 主要選單Main Menu --> 回到首頁,確認參數-基本值為 1。看了附圖,好像設成 2了;若原先就是 1,應該是Google行事曆顯示的寬度問題,須要另外查看。

2.修改指導教授選單所對映之文章,例:將計算機概論 大一下必修 (具多媒體網路教學) 該行複製再貼在該行行尾並存檔。回到前台開啟該畫面,此時上方之PDF、列印圖示應該已經移動列右方了。

3.建議全站不顯示 PDF、列印圖示,否則必須徹底研究此佈景的CSS檔。

Please 登入 to join the conversation.

  • jonhy63
  • jonhy63 的個人頭像
  • 訪客
  • 訪客
2009-06-03 21:53 #14202 來自 jonhy63
jonhy63 replied the topic: 主要欄位不能填滿整個版面
大大您的解說真的很詳細 :grin:

leelm53 寫了道::

s87144 寫了道:: 我們實驗室最近在進行首頁的翻新,
目前改用joomla 1.5.10版本,佈景主題是選用"siteground-j15-1",
網站為: http://vrmip.me.ncku.edu.tw/
可是我們發現了一個怪怪的問題,
在首頁和指導教授的部份會出現中間的版面沒辦法填滿整個中間欄位。
(可以看圖片中的PDF系列的編輯圖示,它們是置右對齊的)

s87144君:
我剛才也安裝此佈景測試,發現其中央 content 內容區是動態的,因此該頁內容有多寬,上方之PDF、列印圖示就跟著停在最寬的地方。

建議方案:
1.後台 --> 選單管理 --> 主要選單Main Menu --> 回到首頁,確認參數-基本值為 1。看了附圖,好像設成 2了;若原先就是 1,應該是Google行事曆顯示的寬度問題,須要另外查看。

2.修改指導教授選單所對映之文章,例:將計算機概論 大一下必修 (具多媒體網路教學) 該行複製再貼在該行行尾並存檔。回到前台開啟該畫面,此時上方之PDF、列印圖示應該已經移動列右方了。

3.建議全站不顯示 PDF、列印圖示,否則必須徹底研究此佈景的CSS檔。

Please 登入 to join the conversation.

More
2009-06-04 00:01 #14203 來自 kochin
kochin replied the topic: 主要欄位不能填滿整個版面

s87144 寫了道:: 但是,部落格風格還是會有無法填滿中間欄位的現象。

你的部落格風格參數是否將欄位數設成 2 了?

Please 登入 to join the conversation.

  • s87144
  • s87144 的個人頭像 Topic Author
  • 訪客
  • 訪客
2009-06-04 00:31 #14204 來自 s87144
s87144 replied the topic: 主要欄位不能填滿整個版面
欄數的問題,目前是調整成"1",如下圖,應該是沒有錯吧?


我有試著把首頁畫面改成"文章"的風格,也就沒有上述的問題了!

有想過把指導教授這頁索性也改成"文章風格"迴避掉怪怪版面的狀況。
但是,用"文章風格"就失去了blog所具備的"閱讀全文..."這個功能了!


這樣文章就顯得很長、很囉嗦...
:cry:

Please 登入 to join the conversation.

More
2009-06-04 00:53 #14205 來自 kochin
kochin replied the topic: 主要欄位不能填滿整個版面

s87144 寫了道:: 欄數的問題,目前是調整成"1",如下圖,應該是沒有錯吧?

沒錯。
改好後有沒有在 Joomla! 後台清除快取?瀏覽器也用 Shift Reload 來重新讀入網頁。

Please 登入 to join the conversation.

  • s87144
  • s87144 的個人頭像 Topic Author
  • 訪客
  • 訪客
2009-06-04 21:17 #14218 來自 s87144
s87144 replied the topic: 主要欄位不能填滿整個版面

kochin 寫了道::

s87144 寫了道:: 欄數的問題,目前是調整成"1",如下圖,應該是沒有錯吧?

沒錯。
改好後有沒有在 Joomla! 後台清除快取?瀏覽器也用 Shift Reload 來重新讀入網頁。

有將後台清除快取了,
並且在前台下案了[CTRL]+[F5]強制重新讀取網頁,
但是還是會有無法填滿整個版面的問題。

Please 登入 to join the conversation.

More
2009-06-04 23:01 #14220 來自 kochin
kochin replied the topic: 主要欄位不能填滿整個版面
用 Google Chrome 的 Inspect element 檢查「指導教授」網頁,發現問題似乎發生在
<table class="blog" cellpadding="0" cellspacing="0">
那行。因為在前一行
<div class="nopad">
還含括整個中央的空間,但到此行時只剩下一半的空間。

請在 template.css 裏面找到
table.blog { ... }
的 style 定義,加入
width: 100%;
試試看。

Please 登入 to join the conversation.