MozTW 討論區

各項 Mozilla 相關軟體與技術討論
現在的時間是 2025-06-26, 07:22

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





發表新文章 回覆主題  [ 7 篇文章 ] 
發表人 內容
 文章主題 : FF <Span> 定位問題
文章發表於 : 2005-09-06, 17:28 
離線

註冊時間: 2005-09-06, 17:17
文章: 4
http://home.kimo.com.tw/tzeng_jin/uubox.htm


此網頁用IE 和 FF 看時
底下選單 "本館介紹" 的高度不相同

請問要如何才能使 FF的選單高度與IE相同

或是有更好的建議

謝謝~~


回頂端
Mozilla/5.0 (Windows; U; Windows NT 5.1; zh-TW; rv:1.7.10) Gecko/20050717 Firefox/1.0.6
 個人資料  
引用回覆  
 文章主題 :
文章發表於 : 2005-09-06, 22:11 
整理一下問題~
code 內容大致如下:

代碼:
<TABLE>
    <tr>
        <td>
            <IFRAME src="http://www.ubox.org.tw/food66/_file/2299/upload/theme/head.html"
            rameBorder=no scrolling="no"></IFRAME>
        </td>
    </tr>
    <tr>
        <td>
            <SPAN onmouseover="headbarFcmShow('0')"  style="Z-INDEX: 19; LEFT: 298px; POSITION: absolute; TOP:150px"
            onmouseout="headbarFcmClose('0')">
            </span>
        </td>
    </tr>
</table>


問題應是出在這一段吧(猜測的啦)

在IE底下,Span裡的內容會在Iframe內容底下

但在FF時,Span裡的內容會被Iframe遮住

so....總覺得是span設定上的問題吧,

煩請各位大大看到低話給小弟一些寶貴低建議吧!

謝謝~~!~~~~~ :lol:


回頂端
Mozilla/4.0 (compatible; MSIE 6.0; Windows NT 5.1; SV1)
  
引用回覆  
 文章主題 :
文章發表於 : 2005-09-07, 00:04 
離線
[MozTW 版主群]

註冊時間: 2004-08-28, 10:26
文章: 657
哇,這個網頁的 javascript 和 html code 真的是很亂。(小抱怨一下)

1. 這個網頁用 docuemnt.all 這個方式來取得 element,這種方式不符合 w3c 標準,自然 Firefox 也不支援,所以,你滑鼠移到 button 上時,Firefox 是不會有選單跳出來的,請愛用 document.getElementById() 這個 method。

2. 我看到的 html 原始碼是
引言回覆:
<span style="z-index:19;position: absolute;left:202;top:0" onClick="location.href='/web/Home?_fcmID=1952107'"><a onMouseOut="img_pageheadbar(1-1,'btn')" onMouseOver="img_pageheadbar(1-1,'btnmor')" style="text-decoration:none;cursor:hand;z-index:15;"><font style="position:absolute;width:95;left:0; height:30;text-align:center;z-index:30;"><font style="position:relative;" id="pageheadbar">回首頁</font></font><img src="/food66/_file/2299/upload/page/headbarbtn.gif" border="0" alt="回首頁" style="position:relative;z-index:20;" id="imgheadbar"></a><!----><table onMouseOut="pageheadbarFcmShow('0','hidden')" onMouseOver="pageheadbarFcmShow('0','visible')" id="subpageheadbar" cellpadding="0" cellspacing="0" style="z-index:40;" border="0" width="100"></table><!----></span>


left:202;top:0;
這兩個應該是讓那個 menubar 跳到最上面的原因,IE 這部份會正常,還真是很奇怪,IE 的怪異判定真的領教了。

3. font 這個 tag 在 w3c 現行的標準應該是要棄用了(雖然 Firefox 可以接受),不過盡量用 css 在做,會方便許多。

_________________
http://dken.blogspot.com/
圖檔
圖檔


回頂端
Mozilla/5.0 (Windows; U; Windows NT 5.1; zh-TW; rv:1.7.10) Gecko/20050717 Firefox/1.0.6 (ax)
 個人資料  
引用回覆  
 文章主題 :
文章發表於 : 2005-09-07, 00:15 
離線
[網站管理員]
頭像

註冊時間: 2002-12-03, 15:00
文章: 1109
來自: CSIE.ORG
dken 寫:
1. 這個網頁用 docuemnt.all 這個方式來取得 element,這種方式不符合 w3c 標準,自然 Firefox 也不支援,所以,你滑鼠移到 button 上時,Firefox 是不會有選單跳出來的,請愛用 document.getElementById() 這個 method。

小註解。 由於太多網頁的 JavaScript 其實都只差這個 document.all,
Firefox 1.0 後其實有作對其簡單用法的支援,
不過 JavaScript Console 仍可能會跳一堆警告訊息出來,
所以還是建議換成 getElementById.


回頂端
Mozilla/5.0 (Windows; U; Windows NT 5.1; zh-TW; rv:1.8b4) Gecko/20050904 Firefox/1.0+
 個人資料  
引用回覆  
 文章主題 :
文章發表於 : 2005-09-09, 08:45 
離線
[MozTW 版主群]
頭像

註冊時間: 2003-09-15, 03:47
文章: 1016
來自: Taiwan
SPAN 是個 inline (字行間) 元素,不是個 block (區塊) 元素,所以定位應當無效。用 DIV 應該就可以了


回頂端
Mozilla/5.0 (Windows; U; Windows NT 5.0; zh-TW; rv:1.7.10) Gecko/20050717 Firefox/1.0.6
 個人資料  
引用回覆  
 文章主題 :
文章發表於 : 2005-09-09, 13:21 
離線
[MozTW 版主群]

註冊時間: 2004-08-28, 10:26
文章: 657
danielwang 寫:
SPAN 是個 inline (字行間) 元素,不是個 block (區塊) 元素,所以定位應當無效。用 DIV 應該就可以了


只要加上 position: absolute 就可以用 span 定位了。

關於 display 和 position 的關係可以看這裡:
http://www.w3.org/TR/CSS21/visuren.html#comparison

:)

_________________
http://dken.blogspot.com/
圖檔
圖檔


回頂端
Mozilla/5.0 (X11; U; Linux i686; zh-TW; rv:1.7.10) Gecko/20050825 Firefox/1.0.4 (Debian package 1.0.4-2sarge3)
 個人資料  
引用回覆  
 文章主題 :
文章發表於 : 2005-09-09, 15:51 
離線

註冊時間: 2005-03-04, 07:31
文章: 9
來自: 鄉間小路
time1979 寫:
http://home.kimo.com.tw/tzeng_jin/uubox.htm

此網頁用IE 和 FF 看時
底下選單 "本館介紹" 的高度不相同
請問要如何才能使 FF的選單高度與IE相同
或是有更好的建議
謝謝~~


  大概看了一下,一時之間也看不出來哪裡有問題?不過建議您改寫您的原始碼,將之分成兩部分:
1:<div>iframe…部分</div>
2:<div>「本館介紹」…部分</div>

  然後在1或2的<div>中去做定位,這樣是不是比較簡單呢?如此一來,也方便日後的管理與維護。

P.S不建議使用iframe標籤,建議您使用object標籤。


回頂端
Mozilla/5.0 (Windows; U; Win 9x 4.90; zh-TW; rv:1.7.10) Gecko/20050717 Firefox/1.0.6
 個人資料  
引用回覆  
顯示文章 :  排序  
發表新文章 回覆主題  [ 7 篇文章 ] 

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


誰在線上

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


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

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