討論群組

CSS position排版螢幕解析度變化跑位疑問....

zx2309826223
個人積分：31分
文章編號：23870833

31分

樓主

2010-11-15 14:31

小弟的網站想在左側放置圖片，用了很多方法最後用到了！position才成功用出我要的效果。可是目前遇到個問題就是螢幕解析度不一樣他會亂跑。上網找阿找是不是只要用到absolute就一定要再用relative把它包住定位呢??

可是發現用其他瀏覽器還是會跑位 = =" 真不知道該怎辦才能讓他固定在原本位置就好呢@@?

2010-11-15 14:31 發佈

文章關鍵字 CSS position 排版螢幕解析度

haru9

haru9
個人積分：6分
文章編號：23872922

6分

2樓

2010-11-15 16:01

可以試試

position:fixed;

1515151515151515

zx2309826223
個人積分：31分
文章編號：23874274

31分

樓主

2010-11-15 16:55

如下...

div style="position:absolute;top:30px;left:1040px;">
img src="./image/Advertising/s2.jpg">
img src="./image/Advertising/s3.jpg">
img src="./image/Advertising/s1.gif">
img src="./image/Advertising/s5.jpg">
img src="./image/Advertising/s6.jpg">
img src="./image/Advertising/s4.gif">
/div>

他會隨著網站解析度低於1024他會跑位.....

這是1024的解析度下網站的狀況...

這是我要的位置要1280以上才正常 = ="....

zx2309826223
個人積分：31分
文章編號：23889575

31分

樓主

2010-11-16 9:37

有沒有人可以指點一下小弟，實在不知道問題卡在哪裡

yeo1987

yeo1987
個人積分：0分
文章編號：23895795

0分

5樓

2010-11-16 13:28

不太清楚你的問題

是右邊的廣告區塊跟左邊的白底文章區塊中間的間隔嗎？

如果是的話，試試看把文章區塊跟廣告區塊分別用div包起來，而且位於同一階層，將position改用float: left來做（用span來包也可以，效果可能會不太一樣）。

zx2309826223
個人積分：31分
文章編號：23915199

31分

樓主

2010-11-17 8:23

yeo1987 wrote:
不太清楚你的問題是右...(恕刪)

就是他會隨著解析度...廣告會跑位 = =

你是說把她們全部包起來用float: left??可是我的網頁中間哪邊是置中的說...

不好意思我上網找span 和 div 差別我不知道差別在哪裡說 = ="

chiehkai

chiehkai
個人積分：14分
文章編號：23926488

14分

7樓

2010-11-17 16:07

把 px 換成 % 來設定長度。

zx2309826223
個人積分：31分
文章編號：23929065

31分

樓主

2010-11-17 17:41

chiehkai wrote:
把 px 換成 % ...(恕刪)

變成%後左右的控制參數都沒效果了 = ="

只有top可以控制....

還是還有其他可以擺板控制的方法呢@@?

wezmag

wezmag
個人積分：549分
文章編號：23936531

549分

9樓

2010-11-17 22:47

zx2309826223 wrote:
就是他會隨著解析度....(恕刪)

span是inline等級的元素
div是block等級的元素

當然可以透過css的display屬性來改變
CSS Div 與 CSS Span

阿文文51105
個人積分：0分
文章編號：43384265

0分

10樓

2013-04-28 2:52

建議你用float去做，另外可否把css貼上來

我的作法通常我都把relative 與absolute拿來作物件定位，例如:footer 內的版權宣告關於我們連絡我們這些獨立連結。

X

X