늅늅입니다...ㅠ

레이아웃을 직접 만들고 있는데

로그인 폼을 제작도중... ul>li 에 input text, pw 를 놓고

ul li를 inline 시켜서 ul 밖에 submit 을 놓으려 하는데..

뭐가 이상이 있는건지 아래 사진처럼 공란(초록색)이 계속 생겨서 문의 드립니다..ㅠ

해당부분의 CSS는 아래와 같습니다...

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35

.smt_login_form{
	position:fixed;
	padding:8px;
	top:50%;
	left:50%;
	margin-left:-150px;
	margin-top:-125px;
	width:300px;
	height:250px;
	background-color:#fff;
	z-index:20;
}

.login_form_contents ul li{
	display:inline-block;
}
.login_form_contents>ul{
	display:inline;
}
.login_form_contents>ul{
	width:300px;
}
.login_form_contents input[type="text"]{
	float:left;
	width:180px;
}
.login_form_contents input[type="password"]{
	float:left;
	width:180px;
}
.login_form_contents input[type="submit"]{
	float:right;
	width:82px;
	height:52px;
}

html은 다음과 같습니다.

1. <div cond="!$is_logged" class="smt_login_form">
2. <h1>{$lang->cmd_login}</h1>
3. <hr>
4. <form class="login_form" action="{getUrl('','act','procMemberLogin')}" method="post" ruleset="@login">
5. <input type="hidden" name="act" value="procMemberLogin" />
6. <input type="hidden" name="success_return_url" value="{htmlspecialchars(getRequestUriByServerEnviroment(), ENT_COMPAT | ENT_HTML401, 'UTF-8', false)}" />
7. <input type="hidden" name="xe_validator_id" value="widgets/login_info/skins/xe_official/login_form/1" />
8. <div class="login_form_contents">
9. <ul>
10. <li><input type="text" name="user_id"></li>
11. <li><input type="password" name="password"></li>
12. </ul>
13. <input type="submit" value="{$lang->cmd_login}">
14. </div>
15. </form>
16. </div>