[問題] 有關表單的排版
小弟這兩天開始學相關的網頁編輯語法
目前卡在一個問題
就是我設計一個表單出來
已經用<div>包覆起來
可是不管怎麼設定都沒辦法讓表單的選項在該div置中
但是很神奇的是
在另一個div裡面的表單卻很正常的置中
以下是小弟寫出的語法，請各位前輩幫幫我＝＝
css.部份
#main
{
width:900px;
height:800px;
margin-left:auto;
margin-right:auto;
}
#banner
{
position:relative;
width:800px;
height:200px;
margin-left:auto;
margin-right:auto;
}
#rules
{
background-color:#00CCFF;
position:relative;
width:250px;
clear:left;
float:left;
}
#bar
{
width:300px;
margin-left:auto;
margin-right:auto;
float:left;
left: 249px;
top: 65px;
}
form.bar
{
width:250px;
margin:auto auto auto auto;
}
#info
{
position:relative;
width:250px;
}
form.search rules
{
width:200px;
margin:auto auto auto auto;
}
html部份
<div id="main">
<div id="banner">
<div id="rules">
<div class="search rules">
<form class="search rule">
<select name="from area" size="1">
<option>依照地區</option>
</select>
</form>
</div>
</div>
<div id="bar">
<form class="bar">
<input type="text" value="輸入關鍵字" size="30px" maxlength="30">
</form>
</div>
<div id="info">
<h3 class="info">
i am info
</h3>
</div>
</div>
</div>
好像＝＝
很長＝＝
謝謝各位前輩了！
--
※ 發信站: 批踢踢實業坊(ptt.cc)
◆ From: 122.116.181.226
※ 編輯: empiresimon 來自: 122.116.181.226 (08/26 01:03)
→
08/26 01:14, , 1F
08/26 01:14, 1F
→
08/26 01:35, , 2F
08/26 01:35, 2F
→
08/26 02:20, , 3F
08/26 02:20, 3F
→
08/26 02:20, , 4F
08/26 02:20, 4F
→
08/26 02:21, , 5F
08/26 02:21, 5F
→
08/26 02:21, , 6F
08/26 02:21, 6F
→
08/26 02:21, , 7F
08/26 02:21, 7F
→
08/26 02:25, , 8F
08/26 02:25, 8F
→
08/26 02:25, , 9F
08/26 02:25, 9F
→
08/26 02:26, , 10F
08/26 02:26, 10F
→
08/26 02:58, , 11F
08/26 02:58, 11F