프로그래밍/HTML+CSS+JavaScript

div안에 가운데쯤에 항목나타내기~

긴자손-1 2009. 10. 22. 22:58
반응형


FF에서는 대충 lineheight값을 주면 div안에서 가운데 붕뜬 느낌??? 머~~ 그런식으로 된다..흠~~


말로 설명은 어려우니 간단한 소스로 ㄱㄱ 씽해보자~! 

<style type="css/text">

.areaDiv_1{height:37px;line-height:37px;border:1px solid #fcfcfc}

</style>


<div class="areaDiv_1">

상태 <select class="wid_150">

<option selected>

<option>전체

<option>Y (디폴트)

<option>N

</select>

<input type="button"class="" value="보기" title="보기">

</div>


머 이런식으로 줬을때... FF에서는 디비전 공간 가운데에 아래 입력한 값이 가게된다....


하지만 IE는 입력한 곳이 TOP으로 가게 된다.... 


원하는게 가운데라면... 어쩔 수 없이 padding 값으로 처리를 해야한다.. 


.areaDiv_1{height:37px;line-height:37px;border:1px solid #fcfcfc}


이놈을 .areaDiv_1{height:37px;padding:16px 0px;border:1px solid #fcfcfc}


머 이렇게 하면 된다는 거다..  그럼 아래와 같은 느낌이 되는것이다.. ㅎㅎ


-----------------------------------------------------------------------------


안녕하세요


-----------------------------------------------------------------------------



반응형