[問題] table可以保持一定寬度但之後再延展嗎?

看板Web_Design作者 (第三個…)時間14年前 (2012/02/02 19:06), 編輯推噓7(7推 0噓 22→)
留言29則, 3人參與, 最新討論串1/1
各位版友好: 我在網頁中使用table當masterpage的版面布置框架。 大概是這樣(小畫家畫得不好@@) http://i.minus.com/iRybksgzUQbkb.JPG
寬度上大致的設定是以1024下去考量，但寬螢幕的話，左右又更加寬廣了， 有沒有什麼辦法，在client是寬螢幕時，main可以再延展呢? 另外一個問題是jQuery可以包成javascript物件嗎? javascript可以像這樣 var jq = $("#div1"); 取得jQuery物件。 但有時要用javascript物件就得 var js = document.getElementById("div1"); 這樣一長串。 有比較簡潔的方法嗎?有時還是想用javascript物件的，像是取得name之類的。 謝謝各位的解答。 -- http://www.youtube.com/watch?v=zqzVtROqPQI
お耳がぴょんぴょん♪ともちんこと板野友美です。 -- ※ 發信站: 批踢踢實業坊(ptt.cc) ◆ From: 114.137.254.54
推
02/02 19:36, , 1F
jq.get() 沒記錯的話(￣ー￣；)
02/02 19:36, 1F
推
02/02 19:43, , 2F
隨螢幕縮放 最簡單的做法就是用?%去設定width跟height
02/02 19:43, 2F
→
02/02 19:43, , 3F
不然就只能用js硬調了
02/02 19:43, 3F
→
02/02 19:44, , 4F
jquery所抓到的DOM物件會以陣列方式儲存
02/02 19:44, 4F
→
02/02 19:45, , 5F
你可以用.get(索引)或[索引]取得jquery抓到的dom物件
02/02 19:45, 5F
→
02/02 19:45, , 6F
比方說$('#form').get(0).submit()
02/02 19:45, 6F
→
02/02 19:46, , 7F
或$('.div')[1].innerHTML('html')
02/02 19:46, 7F
→
02/02 19:48, , 8F
或者也可以$('div').each(function(){this.style=...})
02/02 19:48, 8F
推
02/02 19:50, , 9F
jquery的所有事件function裡的this都會指向觸發trigger
02/02 19:50, 9F
→
02/02 19:50, , 10F
的DOM物件
02/02 19:50, 10F
→
02/02 19:52, , 11F
感謝回答，直接使用索引感謝很簡潔!!
02/02 19:52, 11F
→
02/02 19:52, , 12F
另外請問?%有沒有什麼關鍵字或是實例可以參考?
02/02 19:52, 12F
推
02/02 19:56, , 13F
假設你設定某個table style="width:80%"
02/02 19:56, 13F
→
02/02 19:56, , 14F
他的寬度就會是他的父層元素寬度的80%
02/02 19:56, 14F
→
02/02 19:57, , 15F
如果父層是body 那就會剛好等於整個螢幕的80%
02/02 19:57, 15F
→
02/02 19:57, , 16F
不管使用者怎麼調螢幕或者調整視窗大小都會是80%
02/02 19:57, 16F
→
02/02 19:58, , 17F
基本上不只table,所有dom都這樣 height也可以這樣用
02/02 19:58, 17F
→
02/02 19:58, , 18F
原來如此，感謝解答!
02/02 19:58, 18F
→
02/02 20:01, , 19F
td,th等table-cell元素比較例外 除非設定table-layout
02/02 20:01, 19F
→
02/02 20:01, , 20F
為fixed,不然會被裡面的東西給破壞設定的大小
02/02 20:01, 20F
突然想到一個問題，假設menu寬度固定200px，然後main跟footer 的寬度不固定，隨著螢幕寬度延展，這樣可以嗎? ※ 編輯: TheThird 來自: 114.137.254.54 (02/02 21:24)
推
02/02 21:35, , 21F
menu設200後用float:left或者position:absolute or fix
02/02 21:35, 21F
→
02/02 21:36, , 22F
定在左邊 然後main,footer都設display:block,
02/02 21:36, 22F
→
02/02 21:36, , 23F
margin-left:200px 即可
02/02 21:36, 23F
→
02/02 21:37, , 24F
block區塊本來就預設等於父層的100%寬度扣掉自身margin
02/02 21:37, 24F
→
02/02 21:37, , 25F
另外div在全瀏覽器預設都是block 其實不用特別設定
02/02 21:37, 25F
→
02/02 21:38, , 26F
嗯嗯，感謝指導，受益良多!
02/02 21:38, 26F
抱歉，我實作後遇到一個問題。main的內容會重疊(覆蓋)到footer， 請問該怎麼解決呢?以下是大概的html code。 <div id="parent"> <div id="menu" style="top: 5px; left:10px; width:200px;"> menu </div> <div id="main" style="position: absolute; top: 5px; margin-left:210px; width:814px; word-break: break-all;"> main1111111111111111111111111111111111111111111111111111111111111 11111111111111111111111111111111111111111111111111111111111111111 111111111111 </div> <div id="footer" style="position: absolute; margin-left:210px; width:814px;"> footer </div> </div> 能不能讓main的內容顯示完，再顯示footer的內容。 ※ 編輯: TheThird 來自: 114.136.233.190 (02/03 16:29)
推
02/03 18:00, , 27F
main跟footer不設absolute啊...menu才設
02/03 18:00, 27F
→
02/03 18:13, , 28F
原來如此，感謝解惑@@ 不太懂position那幾個參數的意思@@
02/03 18:13, 28F
我有看了這個網站的介紹 http://css.1keydata.com/tw/position.php 但還是搞不太懂@@ ※ 編輯: TheThird 來自: 114.136.233.190 (02/03 18:15)
推
02/03 19:40, , 29F
自己google吧
02/03 19:40, 29F
‣ 更多 TheThird 的文章
文章代碼(AID): #1FAcuiij (Web_Design)