MozTW 討論區

各項 Mozilla 相關軟體與技術討論
現在的時間是 2025-08-23, 06:46

檢視沒有回覆的主題 | 檢視最近討論的主題


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

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





發表新文章 回覆主題  第 1 頁 (共 1 頁)
  [ 12 篇文章 ] 
  列印模式 上一個主題 | 下一個主題 
發表人 內容
Sheng
文章發表於 : 2005-02-06, 23:36 
離線
頭像

註冊時間: 2004-08-27, 21:52
文章: 1939
我用Frontpage偷懶的創造了一個圖層
但是發現絕對定位的語法好像遇到firefox又是失靈的了？
如下

<div style="border-style:solid; border-width:1px; position: absolute;......

請問該怎麼改呢，我在google也找不到答案

_________________
被恐嚇嘍…真恐怖…暫時不放簽名檔了 :)
回頂端
Mozilla/5.0 (Windows; U; Windows NT 5.1; en-US; rv:1.7.7) Gecko/20050414
 個人資料  
引用回覆  
BobChao
 文章主題 :
文章發表於 : 2005-02-07, 02:12 
離線
[網站管理員]
頭像

註冊時間: 2002-01-07, 19:28
文章: 3080
來自: 台灣
你可以把「所有」相關的 CSS 都秀一下嗎？有可能是什麼部分覆蓋啊 還是什麼地方漏了 或是什麼地方解釋不同, etc.

還有或許也可以說明一下「失靈」是什麼意思

（我在 Top15 名單那一頁用了很多絕對定位似乎是都 ok）

_________________
雜工 :: 柏強 / Bob Chao
發問討論請保持禮節，在志工社群裡沒有人有「義務」要為您做些什麼。

* MozTW 志工無限招募中，開放網路世界需要您的一臂之力
回頂端
Mozilla/5.0 (Windows; U; Windows NT 5.1; zh-TW; rv:1.7.5) Gecko/20041119 Firefox/1.0 (ax)
 個人資料  
引用回覆  
Sheng
 文章主題 :
文章發表於 : 2005-02-07, 08:06 
離線
頭像

註冊時間: 2004-08-27, 21:52
文章: 1939
Lke this :)

<div style="border-style:solid; border-width:1px; position: absolute; width: 100px; z-index: 1; left: 14px; top: 12px; padding-left:4px; padding-right:4px; padding-top:1px; padding-bottom:1px" id="layer1" align="left">
<font face="Arial Black" size="2"><a target="1" href="index1.htm">
<font color="#C0C0C0">HOME</font></a><font color="#C0C0C0"><br>
<a target="1" href="Profile.htm"><font color="#C0C0C0">PROFILE</font></a><br>
<a target="1" href="Download.htm"><font color="#C0C0C0">DOWNLOAD</font></a><br>
<a target="1" href="Album.htm"><font color="#C0C0C0">PHOTOALBUM</font></a><br>
<a target="1" href="http://bbs3.sekkaku.net/bbs/Kamiya.html">
<font color="#C0C0C0">
<a target="1" href="http://bbs3.sekkaku.net/bbs/Kamiya.html">
<font color="#C0C0C0">GUESTBOOK</font></a></font></a><br>
<a href="mailto:Kamiya@spymac.com"><font color="#C0C0C0">MAILBOX</font></a><br>
<a target="1" href="Link.htm"><font color="#C0C0C0">LINK</font></a></font></a></font></font></div>

_________________
被恐嚇嘍…真恐怖…暫時不放簽名檔了 :)
回頂端
Mozilla/5.0 (Windows; U; Windows NT 5.1; en-US; rv:1.7.5) Gecko/20041107 Firefox/1.0
 個人資料  
引用回覆  
othree
 文章主題 :
文章發表於 : 2005-02-07, 10:19 
離線

註冊時間: 2004-11-04, 01:12
文章: 93
我看起來沒問題啊，不知道你的問題是什麽，我順便整理了一下你的code：
代碼:
<div style="border:1px solid; position: absolute; width: 100px; z-index: 1; left: 14px; top: 12px; padding:1px 4px; font: bold 80% Arial;" id="layer1" align="left">
<a target="1" href="index1.htm" style="color: #C0C0C0;">HOME</a><br>
<a target="1" href="Profile.htm" style="color: #C0C0C0;">PROFILE</a><br>
<a target="1" href="Download.htm" style="color: #C0C0C0;">DOWNLOAD</a><br>
<a target="1" href="Album.htm" style="color: #C0C0C0;">PHOTOALBUM</a><br>
<a target="1" href="http://bbs3.sekkaku.net/bbs/Kamiya.html" style="color: #C0C0C0;">GUESTBOOK</a><br>
<a href="mailto:Kamiya@spymac.com" style="color: #C0C0C0;">MAILBOX</a><br>
<a target="1" href="Link.htm" style="color: #C0C0C0;">LINK</a>
</div>
回頂端
Mozilla/5.0 (Windows; U; Windows NT 5.1; en-US; rv:1.7.5) Gecko/20041107 Firefox/1.0
 個人資料  
引用回覆  
Sheng
 文章主題 :
文章發表於 : 2005-02-07, 11:28 
離線
頭像

註冊時間: 2004-08-27, 21:52
文章: 1939
還是說我誤解絕對定位的意思了
因為我是希望該圖層不要隨著捲軸移動而消失
而是固定在畫面的某個位置（就像我們常看到的討厭廣告一樣）

_________________
被恐嚇嘍…真恐怖…暫時不放簽名檔了 :)
回頂端
Mozilla/5.0 (Windows; U; Windows NT 5.1; en-US; rv:1.7.5) Gecko/20041107 Firefox/1.0
 個人資料  
引用回覆  
訪客
 文章主題 :
文章發表於 : 2005-02-07, 11:35 
所以你要看CSS規格書了。
你要的是position: fixed;，相對viewport而言固定位置。
而不是position: absolute;，相對整個文件固定位置。
但IE支援position: fixed;嗎? No. 專打做IE網站的Frontpage就更不會提供囉。
回頂端
Mozilla/5.0 (Windows; U; Windows NT 5.1; en-US; rv:1.7.5) Gecko/20041107 Firefox/1.0
  
引用回覆  
Alica
 文章主題 :
文章發表於 : 2005-02-07, 11:54 
Anonymous 寫:
所以你要看CSS規格書了。
你要的是position: fixed;，相對viewport而言固定位置。
而不是position: absolute;，相對整個文件固定位置。
但IE支援position: fixed;嗎? No. 專打做IE網站的Frontpage就更不會提供囉。

看過一種白爛法可以讓IE也達到position: fixed的效果，好像是把<body>先設為noscroll，然後把正文部份全部丟到一個可以scroll的<div>裡面去。這樣的話只要把想固定住的東西用position: absolute寫在<body>裡面（當然不能寫在會捲動的<div>裡面），就會有固定效果了。

不過，這麼麻煩幹什麼呢？IE直接支援position: fixed不就好了嗎？ :roll:
回頂端
Mozilla/4.0 (compatible; MSIE 6.0; Windows NT 5.1; SV1)
  
引用回覆  
jiancheng
 文章主題 :
文章發表於 : 2005-02-07, 21:07 
離線

註冊時間: 2005-01-28, 08:42
文章: 13
來自: Taiwan
Alica 寫:
Anonymous 寫:
所以你要看CSS規格書了。
你要的是position: fixed;，相對viewport而言固定位置。
而不是position: absolute;，相對整個文件固定位置。
但IE支援position: fixed;嗎? No. 專打做IE網站的Frontpage就更不會提供囉。

看過一種白爛法可以讓IE也達到position: fixed的效果，好像是把<body>先設為noscroll，然後把正文部份全部丟到一個可以scroll的<div>裡面去。這樣的話只要把想固定住的東西用position: absolute寫在<body>裡面（當然不能寫在會捲動的<div>裡面），就會有固定效果了。

不過，這麼麻煩幹什麼呢？IE直接支援position: fixed不就好了嗎？ :roll:


IE不支援的東西或者是不遵守W3C的東西多著
回頂端
Mozilla/5.0 (Windows; U; Windows NT 5.1; en-US; rv:1.8b) Gecko/20050130 Firefox/1.0+
 個人資料  
引用回覆  
Seiken
 文章主題 :
文章發表於 : 2005-02-26, 15:30 
離線

註冊時間: 2005-02-26, 15:19
文章: 28
來自: Taiwan, R.O.C.
可以試試看 background-attachment : fixed 這個語法
這是W3C規範內的語法，IE和Firefox也都支援

IE確實有待改進的地方很多
不過也還沒有那麼糟糕啦
回頂端
Mozilla/5.0 (Windows; U; Windows NT 5.1; zh-TW; rv:1.7.5) Gecko/20041119 Firefox/1.0
 個人資料  
引用回覆  
風痕影
 文章主題 :
文章發表於 : 2005-02-26, 20:52 
離線
[MozTW 版主群]
頭像

註冊時間: 2004-11-17, 09:53
文章: 1302
來自: 臺灣桃園
Seiken 寫:
可以試試看 background-attachment : fixed 這個語法
這是W3C規範內的語法，IE和Firefox也都支援

IE確實有待改進的地方很多
不過也還沒有那麼糟糕啦

不太一樣唷，這個是固定背景用的
就是那種，無論捲軸怎麼捲動，背景都不會移動

_________________
在靜謐的國度裡，擁抱微風－－抱風伴靜
回頂端
Mozilla/5.0 (Windows; U; Windows NT 5.0; zh-TW; rv:1.7.5) Gecko/20041119 Firefox/1.0 (ax)
 個人資料  
引用回覆  
Seiken
 文章主題 :
文章發表於 : 2005-02-26, 21:00 
離線

註冊時間: 2005-02-26, 15:19
文章: 28
來自: Taiwan, R.O.C.
風痕影 寫:
不太一樣唷，這個是固定背景用的
就是那種，無論捲軸怎麼捲動，背景都不會移動

噢噢，這麼說來是我沒有看清楚
確實IE要做這個好像確實是比較麻煩的樣子
所以一般比較常看到用Javascript來達成
回頂端
Mozilla/5.0 (Windows; U; Windows NT 5.1; zh-TW; rv:1.7.5) Gecko/20041119 Firefox/1.0
 個人資料  
引用回覆  
Carousel
 文章主題 :
文章發表於 : 2005-03-04, 12:55 
離線
頭像

註冊時間: 2004-11-30, 10:46
文章: 101
Sheng 寫:
還是說我誤解絕對定位的意思了
因為我是希望該圖層不要隨著捲軸移動而消失
而是固定在畫面的某個位置（就像我們常看到的討厭廣告一樣）


你是指, 某個圖層不管畫面怎麼捲, 都保持在固定位置是吧?
如果是的話, 請教古狗大帝, 關鍵字 浮水印,javascript

_________________
圖檔圖檔圖檔
我們原本就會的，因遺忘而要重頭學習
我的網誌 http://audi.tw
回頂端
Mozilla/5.0 (Windows; U; Windows NT 5.0; zh-TW; rv:1.7.6) Gecko/20050226 Firefox/1.0.1
 個人資料  
引用回覆  
顯示文章 :  排序  
發表新文章 回覆主題  第 1 頁 (共 1 頁)
  [ 12 篇文章 ] 

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

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


誰在線上

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

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

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