看板 Web_Design 關於我們 聯絡資訊
※ 引述《trancewu (exile me)》之銘言: : 最近設計自己的個人網頁, : 使用jemdoc產生html碼並且自己修改CSS排版。 : 排版的時候遇到了一些問題, : 我希望我的兩欄(左右並排)都可以延伸到整個螢幕的最下方(height = 螢幕height), : 不過因為資料不夠多, : 兩欄都只顯示螢幕的一半就停止了。 : 用inspect element看這每個element, : 發現是html的height就不是螢幕的大小, : 會隨內容多寡改變。 : 請問有什麼指令可以直接變動html在螢幕上的大小還是有其他方法? : 謝謝。 剛剛用版友提供的方式試了一下, min-height只能固定高度, 沒有辦法偵測螢幕大小之後再做調整。 現在找到的方法是用java script寫的, 請問版友知道其他的方法嗎? 謝謝。 -- ※ 發信站: 批踢踢實業坊(ptt.cc) ◆ From: 69.255.201.61
musie:要純CSS 就要靠media query 不過我記得支援度不高.. 08/23 11:31
Isacat:不過用軟體產出的CSS再來改 不知道會不會有哪些條件相衝 08/23 11:58
Isacat:啊 我這只是兩欄同高 不是都能延伸到最下方@@~ 08/23 11:59
Isacat:但原po假如實際上主要是希望達到footer置底效果 08/23 11:59
Isacat:建議直接把「footer置底」關鍵字查Google 有很多範例 08/23 12:00
pukia:妳要不要試看看這方法 position 設 absolute 08/23 12:26
pukia:height 100% 定位點改左、下 看看 應該會是你想要的感覺? 08/23 12:26
Canboo:html和BODY和最外面的DIV都設定寬高100%,再去排內容 08/23 12:34
hermitwhite:只是單純延伸到最下方的話上面的absolute應該是解法; 08/23 18:43
hermitwhite:或者你想要的效果可能是fixed? 08/23 18:43
Ken52039:css就可以解決了吧 不一定要用到js 08/23 22:31
Ken52039:http://www.coolconceptdesign.com/ 原PO的效果是這個嗎 08/23 22:34
Rplus:position:fixed若要餵食IE6 要記得上網找一下hack 08/23 23:12
Ken52039:ie6基本上hack沒啥意義 因為世佔率現在低到可以忽略 08/23 23:18