| MozTW 討論區 https://forum.moztw.org/ |
|
| IE和FireFox的定位不一樣 https://forum.moztw.org/viewtopic.php?f=13&t=13984 |
第 1 頁 (共 1 頁) |
| 發表人: | mote [ 2006-05-02, 17:04 ] |
| 文章主題 : | IE和FireFox的定位不一樣 |
參考網址：http://home.kimo.com.tw/mote1031/kengpin.htm 網頁裡面有一個選單，小弟是用style="position: relative;" 把選單定位在欄位的最下方，用IE看時是正常的 但用FF去看確移到網頁的左上角去了 請問各位先進有什麼解決辦法呢? |
|
| 發表人: | danielwang [ 2006-05-03, 00:03 ] |
| 文章主題 : | |
裡面的 menu item 全都是 position:absolute, 所以正確的話要一個一個設 left 和 right 的值。看起來你用的工具是設計給 IE4 和 NS4 的，建議你找個較新的 DHTML 工具。 |
|
| 發表人: | mote [ 2006-05-03, 15:42 ] |
| 文章主題 : | |
danielwang 寫: 裡面的 menu item 全都是 position:absolute, 所以正確的話要一個一個設 left 和 right 的值。看起來你用的工具是設計給 IE4 和 NS4 的，建議你找個較新的 DHTML 工具。
請問left和top要加在那呢 我加在position:absolute;後面沒有效果 |
|
| 發表人: | wini [ 2006-05-03, 16:38 ] |
| 文章主題 : | |
mote 寫: danielwang 寫: 裡面的 menu item 全都是 position:absolute, 所以正確的話要一個一個設 left 和 right 的值。看起來你用的工具是設計給 IE4 和 NS4 的，建議你找個較新的 DHTML 工具。 請問left和top要加在那呢 我加在position:absolute;後面沒有效果 CSS Tutorial Traditional Chinese 建議你從頭學 CSS 一下，你要找的東西在「區塊屬性」這章。 |
|
| 發表人: | 不惑仔Boohover [ 2006-05-03, 17:55 ] |
| 文章主題 : | |
wini 寫: mote 寫: danielwang 寫: 裡面的 menu item 全都是 position:absolute, 所以正確的話要一個一個設 left 和 right 的值。看起來你用的工具是設計給 IE4 和 NS4 的，建議你找個較新的 DHTML 工具。 請問left和top要加在那呢 我加在position:absolute;後面沒有效果 CSS Tutorial Traditional Chinese 建議你從頭學 CSS 一下，你要找的東西在「區塊屬性」這章。 我測試過了，看來fx並沒有接受定義在td的position:relative;，很奇怪，難道有新規則，positon不能定義在td裡??在div.clBar外面包一層div，然後定義position:relative;就可以與ie顯示一樣了。 不過，還是建議mote，menubar不需要用這種古老方式做得一塌糊塗，反而累了自己。而且你的html也寫得不完整，像table就沒有結束標籤，儘可能使用正確的方式，老實說，我看得有點眼睛脫窗。 補充一下，在ie裡也沒正常到那去呀，滑鼠滑入都沒反應，在fx反而有作用，不過好像也不是很正常。所以，mote還要堅持如此製作嗎？ |
|
| 發表人: | mote [ 2006-05-05, 09:35 ] |
| 文章主題 : | |
感謝不惑仔Boohover的回覆 那個頁面是我簡化的過的 改的不太好，因為那是已經運 用在網站上的menubar 所以是想找快速的解決方法。 我會在試看看，還是你有其他的建議呢? |
|
| 發表人: | wini [ 2006-05-05, 10:09 ] |
| 文章主題 : | |
mote 寫: 感謝不惑仔Boohover的回覆
那個頁面是我簡化的過的 改的不太好，因為那是已經運 用在網站上的menubar 所以是想找快速的解決方法。 我會在試看看，還是你有其他的建議呢? 可以去電腦書店找 Eric Meyer再談CSS網頁排版設計 這本書翻翻， 你可以用 ul 這種標籤來製作選單會比較適合。 隨便從自己網頁中挖出來的例子 （雖然我個人網站主要是用 dl 和 span 這種東西來做選單啦…） |
|
| 發表人: | danielwang [ 2006-05-05, 21:48 ] |
| 文章主題 : | 非常笨的方法 |
未測試的 代碼: <script type="text/javascript"> (最好的方法還是用 XBL / HTA...)
function show(menu) { m = document.getElementById(menu); if (m.style.display =='none') m.style.display = 'block' else m.style.display = 'none; } </script> <style type="text/css"> .submenu { display: none; } </style> <ul class="menu"> <li><span onclick="show('submenu_a');">選單 A</span> <ul id="submenu_a" class="submenu"> <li>選單 A-1</li> <li>選單 A-2</li> </ul> </li> <li><span onclick="show('submenu_b');">選單 B</span> <ul id="submenu_b" class="submenu"> <li>選單 B-1</li> <li>選單 B-2</li> </ul> </li> </ul> |
|
| 第 1 頁 (共 1 頁) | 所有顯示的時間為 UTC + 8 小時 |
| Powered by phpBB® Forum Software © phpBB Group https://www.phpbb.com/ |
|