作者liebeeva (Eva)
看板Blog
標題[問題]有關定位框,寬度,不同解析度的瀏覽 (Xuite)
時間Tue Sep 25 00:40:12 2007
我家有兩台電腦。一台解析度是1024*768,另外一台是1280*1024 (都是最大值的數字)
最近我在修改Blog的css,使用【Xuite】的Blog...
由於我畫了一張背景圖當做定位框的底圖 那張背景圖的寬度是950px
所以在我的CSS裡的定位框設定↓的語法:
--------------------------------------------------------------
/*定位框*/
#container {
position:relative;
text-align: left; /*width:100%;*/
behavior:expression
( this.style.width = (document.documentElement.offsetWidth<970)?"970px":"75%");
min-width:970px;
padding:0px 0px 0px 0px;
margin:0px auto;
background-image:url(
http://minjei.myweb.hinet.net/Eva/en.jpg);
background-repeat:no-repeat;
}
----------------------------------------------------------
以我現在打開我的Blog
http://blog.xuite.net/liebeeva/EvaWelt
中間是定位框,
背景再用
http://farm2.static.flickr.com/1087/1386501637_b047e18788_o.gif
重疊形成牆磚~~
(用螢幕解析度1280*1024那台來看是剛好的)
呈現這樣→
http://minjei.myweb.hinet.net/Eva/bg.jpg
可是換到電腦縈度解析度是1024*768那台來看。
之前看過一次OK。房子的兩邊沒被切掉,只是左右的磚瓦部分變窄了。
後來不知道設定到啥,剛剛用那台(1024*768)來看卻發現右邊被切掉了。
成→
http://minjei.myweb.hinet.net/Eva/bg2.jpg
請問:『有什麼方法可以讓我不管到哪台解析度的電腦看
都能呈現完整的房子?』
左右的磚瓦部分寬窄無所謂....
改檔頭還是改定位框呢?
一般不是定位框設定後到哪都能看麼。還是我記錯了..疑惑。
不知道這樣描述完不完整,謝謝高手指教。
===================================
此外,定位框的語法中 text-align: left; /*width:100%;*/
behavior:expression
( this.style.width = (document.documentElement.offsetWidth<970)?"970px":"75%");
這兩個百分比(100%,75%) 有什麼性質上的不同嗎?
剛剛把那個100%的/* */拿掉,結果和沒拿掉一樣。
不懂是差別在哪?behavior 在CSS中又是什麼意思?
我查了許多人的Blog 沒發現這些....3Q m( _ _)m
--
{屬於我的世界。}
:*:
http://blog.xuite.net/liebeeva/EvaWelt :*:
--
※ 發信站: 批踢踢實業坊(ptt.cc)
◆ From: 61.231.86.85
※ 編輯: liebeeva 來自: 61.231.86.85 (09/25 00:42)
推 liebeeva:太感謝了...成功:) 3Q~~ 09/26 08:41