MozTW 討論區 • 檢視主題 - firefox 無法置中問題

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

firefox 無法置中問題

第 1 頁 (共 1 頁)

[ 6 篇文章 ]

列印模式	上一個主題 \| 下一個主題

發表人

內容

shray

文章主題 : firefox 無法置中問題

發表於 : 2008-03-09, 18:58

註冊時間: 2006-11-04, 11:38
文章: 9

我的網站內有個置中問題，在IE上是可以置中，但在firefox下就無法置中了，以下是我用的代碼，使用後整個table 在firefox都偏了左

代碼:

<div style="padding-top: 18px; text-align: center">
      <table width="982px" cellpadding="13" cellspacing="0" border="0" style="background-color: #F6F6F6; text-align: left">
   <tr><td>內容</tr></td></table><div>

我試過改用css來置中，但仍是無效，如果用不符合w3c的方法，即改為用

代碼:

這就成功了，請問各位這應如何做才可符合w3c又可以firefox下置中呢，請指教，多謝

回頂端

Mozilla/4.0 (compatible; MSIE 6.0; Windows NT 5.1; SV1; Foxy/1; Mozilla/4.0 (compatible; MSIE 6.0; Windows NT 5.1; SV1) ; Foxy/1

Amauds

文章主題 :

發表於 : 2008-03-09, 19:15

註冊時間: 2005-02-24, 19:15
文章: 1037
來自: Taiwan

shray 寫:

我的網站內有個置中問題，在IE上是可以置中，但在firefox下就無法置中了，以下是我用的代碼，使用後整個table 在firefox都偏了左

代碼:

<div style="padding-top: 18px; text-align: center">
      <table width="982px" cellpadding="13" cellspacing="0" border="0" style="background-color: #F6F6F6; text-align: left">
   <tr><td>內容</tr></td></table><div>

我試過改用css來置中，但仍是無效，如果用不符合w3c的方法，即改為用

代碼:

這就成功了，請問各位這應如何做才可符合w3c又可以firefox下置中呢，請指教，多謝

代碼:

<div style="padding-top: 18px; text-align: center">
<table width="982px" cellpadding="13" cellspacing="0" border="0" style="margin:0 auto; background-color: #F6F6F6; text-align: left">
<tr><td>內容</tr></td>
</table>
<div>

_________________
Amauds's Firefox
曾經妳以為最可靠的依賴；其實從未曾真實的存在過。

回頂端

Mozilla/5.0 (Windows; U; Windows NT 5.1; zh-TW; rv:1.8.1.12) Gecko/20080201 Firefox/2.0.0.12

shray

文章主題 :

發表於 : 2008-03-09, 19:25

註冊時間: 2006-11-04, 11:38
文章: 9

多謝Amauds大大，困擾多時，終於成功解決了^^

回頂端

Mozilla/4.0 (compatible; MSIE 6.0; Windows NT 5.1; SV1; Foxy/1; Mozilla/4.0 (compatible; MSIE 6.0; Windows NT 5.1; SV1) ; Foxy/1

wini

文章主題 :

發表於 : 2008-03-09, 22:43

[網站管理員]

註冊時間: 2005-01-02, 05:49
文章: 3220

shray 寫:

多謝Amauds大大，困擾多時，終於成功解決了^^

順便提一下， text-align 是控制文字的， div table 那些的位置不受這控制。

而 width 跟 margin 的搭配，也可以直接用 margin 指定左右同等邊距來處理，不過缺點是換個大螢幕(解析度)就會跑掉，所以指定 width 再讓 margin 左右交給瀏覽器自動調整比較簡單。（只是有可能會有瀏覽器跑出不同的結果）

_________________
【Firefox 有問題請先看這裡】
回覆文章的建議
萬用自我檢測除錯大法 for Firefox
完全備份大法 for Firefox
重建 Firefox 的設定
乾淨升級 Firefox
（本帳號停用中）

回頂端

Mozilla/5.0 (Windows; U; Windows NT 5.1; zh-TW; rv:1.8.1.12) Gecko/20080216 Firefox/2.0.0.12 (pigfoot)

Amauds

文章主題 :

發表於 : 2008-03-11, 21:50

註冊時間: 2005-02-24, 19:15
文章: 1037
來自: Taiwan

wini 寫:

順便提一下， text-align 是控制文字的， div table 那些的位置不受這控制。
而 width 跟 margin 的搭配，也可以直接用 margin 指定左右同等邊距來處理，不過缺點是換個大螢幕(解析度)就會跑掉，所以指定 width 再讓 margin 左右交給瀏覽器自動調整比較簡單。（只是有可能會有瀏覽器跑出不同的結果）

置中的方式其實要看用在何處，
例如左中右的欄位配置，就看那個欄位最重要，
如果要讓不同解析度呈現一樣的配置，
除了舊式 table 方式的排版外，
用 block 級元素來排版就一定要將重要(不可變)的欄位指定寬度，

代碼:

<div id="contents" style="width:100%;">
<div id="b_left" style="width:200px; float:left;border:1px #ccc solid">左</div>
<div id="b_left" style="width:200px; float:right;border:1px #ccc solid">右</div>
<div id="b_left" style="margin:0 202px 0 202px; border:1px #ccc solid">中</div>
</div>

試試看吧，切換不同解析度比較一下。
ps:掉換 html 書寫順序也會有影響喔，除非使用絕對定位。

_________________
Amauds's Firefox
曾經妳以為最可靠的依賴；其實從未曾真實的存在過。

回頂端

Mozilla/5.0 (Windows; U; Windows NT 5.1; zh-TW; rv:1.8.1.12) Gecko/20080201 Firefox/2.0.0.12

shray

文章主題 :

發表於 : 2008-03-21, 00:26

註冊時間: 2006-11-04, 11:38
文章: 9

多謝兩位大大的指教~~

回頂端

Mozilla/4.0 (compatible; MSIE 6.0; Windows NT 5.1; SV1; Foxy/1; Mozilla/4.0 (compatible; MSIE 6.0; Windows NT 5.1; SV1) ; Foxy/1

第 1 頁 (共 1 頁)

[ 6 篇文章 ]

MozTW » 討論區首頁 » 特別議題 » 問題網站與網頁技術傳教

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

誰在線上

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

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

前往 :