CSS고수분!! ul 이나 li 세로정렬 아시는분!! OTL
<style type='text/css'>
ul { float:left; margin:0; padding:5; border: 1 solid #000000; }
li { list-style:none; margin:0; padding:5; text-align:left; }
div { text-align:center; width:500; border: 1 solid #000000; margin:5; padding:5; }
</style>
<div>
<div>로그인 FORM</div>
<div>
<ul>
<li>아이디
<li>비밀번호
</ul>
<ul>
<li><input name='id' size=10 maxlength=20>
<li><input name='passwd' size=10 maxlength=20>
</ul>
<ul>
<li><input type=button value='로그인' onclick=''>
</ul>
<ul>
<li>[<a href='#'>ID찾기</a>]
<li>[<a href='#'>비밀번호찾기</a>]
</ul>
</div>
두번째 이미지는 ul 에서 height:100; 을 줬을때 입니다.
위 두이미지에서 div 안의 ul 혹은 ul 안의 li 를 세로가운데정렬을 하고 싶은데 죽어도 안되네요.
참고로 vertical-align:middle; 이건 죽어도 안먹더군요. IE 입니다.
누구 아시는분 없나요. ㅡㅜ
ul { float:left; margin:0; padding:5; border: 1 solid #000000; }
li { list-style:none; margin:0; padding:5; text-align:left; }
div { text-align:center; width:500; border: 1 solid #000000; margin:5; padding:5; }
</style>
<div>
<div>로그인 FORM</div>
<div>
<ul>
<li>아이디
<li>비밀번호
</ul>
<ul>
<li><input name='id' size=10 maxlength=20>
<li><input name='passwd' size=10 maxlength=20>
</ul>
<ul>
<li><input type=button value='로그인' onclick=''>
</ul>
<ul>
<li>[<a href='#'>ID찾기</a>]
<li>[<a href='#'>비밀번호찾기</a>]
</ul>
</div>
두번째 이미지는 ul 에서 height:100; 을 줬을때 입니다.
위 두이미지에서 div 안의 ul 혹은 ul 안의 li 를 세로가운데정렬을 하고 싶은데 죽어도 안되네요.
참고로 vertical-align:middle; 이건 죽어도 안먹더군요. IE 입니다.
누구 아시는분 없나요. ㅡㅜ
|
댓글을 작성하시려면 로그인이 필요합니다.
댓글 4개
제가 원했던것은 DIV내에서 UL의 수직정렬 이었는데 그건 안되는것 같습니다.
저렇게 ul li를 써본 이유는 TABLE에서의 높이가 일정한 TD효과를 포지션을 주지않고 해보기 위해서 였는데 다른 방법을 강구해야 할 것 같습니다. 초보라서..
소중한 답변 감사드립니다. (__)