作者superhippo (超級大河馬)
看板Web_Design
標題Re: [問題] 如何讓div隨網頁大小變動
時間Wed Apr 8 22:37:09 2009
higoodman:這...我不知道他怎麼做,不過如果是我的話,我的?
higoodman:內容全部包在一個 div 中,然後該div的 margin: 0
higoodman:選單的部份讓他 margin-left 一個距離,這樣就好?
higoodman:不需要 table 更不需要 js,純 css 能做到的事
我試了之後,發現還是有一點問題
container是置中,選單的部份是對margin-left
所以如果網頁縮小的話,選單跟container還是沒有對在一起(不知道是不是我哪裡寫錯)
下面是我試的:
html, body {
margin: 0;
text-align: center;
}
}
#container {
position: relative;
margin: 0 auto;
width: 920px;
text-align: left;
background-color: #999999;
height: 400px;
}
body {
background-color: #993333;
}
#apDiv1 {
position:absolute;
left:0px;
top:1px;
width:785px;
height:400px;
z-index:1;
margin-top: 20px;
visibility: visible;
margin-left: 176px;
我今天去找了無名的版型來看
發現他們用的都是js,而且用js是沒有上述的問題的
所以我覺得用js是一勞永逸的方法
只是無名的原始檔又太龐大了,我看不出來哪個是操控這部份的
希望版友幫忙解答一下,感恩~~~
--
※ 發信站: 批踢踢實業坊(ptt.cc)
◆ From: 59.117.188.162
※ 編輯: superhippo 來自: 59.117.188.162 (04/08 22:38)
→ higoodman:你要不要說說你的 #container 和 #apDiv1 的相對位置? 04/09 18:38
→ higoodman:這樣看不出來你的版面想怎麼排耶,像你給的範例那樣嗎? 04/09 18:38
→ higoodman:那就是我誤會你的意思了... 04/09 20:10