이미지와 인풋박스, 셀렉트박스 높낮이....
사람
2023.04.01
사용 요금표를 제작하고 있습니다.
사용시간을 tdinput type=text/imgselect~input type=text/imgselect/td로 넣었습니다.
예상대로 이미지의 높낮이가 맞지 않더군요 ㅠ.ㅠ
그래서 td안에 div를 넣고 그 안에서 position 으로 자리를 잡았습니다.
그랬더니...ff,chrome,ie8까지는 잘 맞는데...ie6가 많이~~~ 틀리더군요 ㅠ.ㅠ
아래 사진에서 보이듯이...아예 사라졌습니다 ㅠ.ㅠ(select box 밑으로 들어간듯)
이것을 어떻게 해야할지...정말 모르겠네요 ㅠ.ㅠ
고수님들이라면 어떻게 하실까요??
하다하다 안되면..dl로 묶어서..싹 올려버릴까도 생각중 입니다.(노다가 ㅠ.ㅠ)
IE6
IE8
-
FaintTears
감사합니다.
한동안 dl 태그에 float를 줘서...만들다보니...잊었네요 -_-;;;
float주면 align 태그들이 거의 안먹더라구요^^;; -
마징가
헬렌님 말씀에 이하동문~ ㅎㅎ
position 은 전체박스의 위치를 잡아줄때 아니면 왠만하면 사용하지마세요^^
기본적인 넓이 없이 position을 주면 전체 브라우저마다 다르게 보입니다^^
그리고 가능하면 position 보다는 float 가 더 좋다고봅니다 ~ -
딥공감
position 대신 vertical align을 middle로 주면 맞을 꺼 같은데요~ (이미지, 인풋, 셀렉트에 각각)