MozTW 討論區

各項 Mozilla 相關軟體與技術討論
現在的時間是 2024-05-09, 19:34

所有顯示的時間為 UTC + 8 小時





發表新文章 回覆主題  [ 4 篇文章 ] 
發表人 內容
文章發表於 : 2010-05-10, 09:30 
http://blog.yam.com/user/redqcat.html

(網址如上)

我原本是用IE8的,最近轉用FF,發現部落格整個破碎的很淒厲,所以做了不少修改,可是個人圖檔一直無法置中。
(HTML擷取)
<div class="boxProfile1">
<div class="sideContent">
<a id="profile_img_link" href="http://blog.yam.com/user_data.php?BLOG_ID=redqcat">
<img id="profile_img" class="profile" src="http://profile.yamedia.tw/r/e/redqcat/index.jpg?1239603786" alt="個人圖檔">
</a>
<div style="clear: both;">
  </div>
<span class="highlight">ID:</span>redqcat<br>
<span class="highlight">暱稱:</span>九命<br>
</div>
</div>
(CSS)
我是用 text-align : center; 直接大範圍圖文置中,可是不知道為什麼,個人圖檔在FF中,沒有置中……
希望有誰可以教我一下,要怎麼讓個人圖檔在IE和FF中都置中。
(目前卡在無法讓FF和IE都在同一個位置上(靠左靠右),再用相對位置推到中間,
也不知道怎麼只在FF狀態下,把個人圖檔往中間推……)


回頂端
Mozilla/5.0 (Windows; U; Windows NT 5.1; zh-TW; rv:1.9.2.3) Gecko/20100401 Firefox/3.6.3 GTB7.1 ( .NET CLR 3.5.30729)
  
引用回覆  
文章發表於 : 2010-05-10, 10:07 
離線

註冊時間: 2003-11-18, 10:59
文章: 3473
http://moztw.org/docs/gecko/webdevfaq/
引言回覆:
「text-align: center;」是將某個區塊(block)內的 inline 內容置中,而不是(也不該是)用來將區塊本身置中的。要將區塊置中,可以將「margin-left」及「margin-right」屬性設定為 auto,並將「width」指定一數值、讓該區塊比其容器區塊(containing block)來得小即可。


或者不設 width,設定 margin-left 、margin-right。

_________________
:::: 簽名檔分隔線 ::::
免費好用又自由的輸入法 gcin Windows | 勸大家以後不要再買 ATI


回頂端
Mozilla/5.0 (X11; U; Linux i686; zh-TW; rv:1.9.1.9) Gecko/20100414 Iceweasel/3.5.9 (like Firefox/3.5.9)
 個人資料  
引用回覆  
文章發表於 : 2010-05-10, 16:39 
1.我的文字還是要置中,所以我不能捨棄掉原本的設定,必須針對圖檔作修正。

2.我不是很懂樓上的大大的意思,希望大大可以解釋一下。

3.如果直接放棄原本的設定,用MARGIN/PADDING做推移,會造成個人圖檔下方的文字,跟著跑位,無法文字置中。

4.我嘗試使用過margin-left:auto; margin-right:auto; 結果是靠邊站,而沒有置中。


回頂端
Mozilla/5.0 (Windows; U; Windows NT 5.1; zh-TW; rv:1.9.2.3) Gecko/20100401 Firefox/3.6.3 GTB7.1 ( .NET CLR 3.5.30729)
  
引用回覆  
文章發表於 : 2010-05-10, 21:41 
離線

註冊時間: 2003-11-18, 10:59
文章: 3473
不太清楚你想怎麼排版,CSS 教學可以參考
http://ant4css.blogspot.com/2009/02/center.html
:D

_________________
:::: 簽名檔分隔線 ::::
免費好用又自由的輸入法 gcin Windows | 勸大家以後不要再買 ATI


回頂端
Mozilla/5.0 (X11; U; Linux i686; zh-TW; rv:1.9.1.9) Gecko/20100414 Iceweasel/3.5.9 (like Firefox/3.5.9)
 個人資料  
引用回覆  
顯示文章 :  排序  
發表新文章 回覆主題  [ 4 篇文章 ] 

所有顯示的時間為 UTC + 8 小時


誰在線上

正在瀏覽這個版面的使用者:沒有註冊會員 和 4 位訪客


不能 在這個版面發表主題
不能 在這個版面回覆主題
不能 在這個版面編輯您的文章
不能 在這個版面刪除您的文章
不能 在這個版面上傳附加檔案

搜尋:
前往 :  
Powered by phpBB® Forum Software © phpBB Group
正體中文語系由 竹貓星球 維護製作
© moztw.org, Mozilla Foundation
MozTW,Mozilla 台灣社群