[問題] 固定視窗設定位置

看板Web_Design作者 ( )時間14年前 (2011/07/22 11:54), 編輯推噓2(204)
留言6則, 4人參與, 最新討論串1/1
在網頁中,設定一個浮動視窗(div區塊) (固定在網頁的某個位置,不管網頁多長都在右上角) #float_ad { background:#F36; color:#FFCC99; border:1px solid #FFF; width:80px; height:115px; position:fixed; top:45px; //離上面45px right:15%; //離右邊15%的距離 _position: absolute; /* position技巧 fixed for IE6 */ _top:expression(documentElement.scrollTop+100); z-index:3; } <div id="float_ad" style="display:block;" align="center"> <img src="images/icon/float_ad.GIF"> </div> 問題來了, 在不同解析度下,右邊的距離都會不一樣! 不知道是否有辦法讓此視窗置中在螢幕的中點,再往右XXpx的距離? 這麼一來無論解析度多少都不會亂跑了 感謝大家的回覆! -- ※ 發信站: 批踢踢實業坊(ptt.cc) ◆ From: 60.250.96.251

07/22 13:11, , 1F
用javascript?
07/22 13:11, 1F

07/22 14:29, , 2F
如果內容區塊是固定的話,可以參考以下css:
07/22 14:29, 2F

07/22 14:30, , 3F
#float_ad {left:50%;margin-left:56px/*自行週整*/}
07/22 14:30, 3F

07/22 14:31, , 4F
right:15%;/*就可以拿掉了*/
07/22 14:31, 4F

07/22 14:58, , 5F
感謝! 解決了^0^
07/22 14:58, 5F

08/29 14:43, , 6F
遇到同樣的問題,也解決了 謝謝
08/29 14:43, 6F
文章代碼(AID): #1EAFIFs- (Web_Design)