作者bizza ( )
看板Web_Design
標題[問題] 固定視窗設定位置
時間Fri Jul 22 11:54:53 2011
在網頁中,設定一個浮動視窗(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
→ terlin10:用javascript? 07/22 13:11
推 KOIORI:如果內容區塊是固定的話,可以參考以下css: 07/22 14:29
→ KOIORI:#float_ad {left:50%;margin-left:56px/*自行週整*/} 07/22 14:30
→ KOIORI:right:15%;/*就可以拿掉了*/ 07/22 14:31
→ bizza:感謝! 解決了^0^ 07/22 14:58
推 peterdance:遇到同樣的問題,也解決了 謝謝 08/29 14:43