IE6에서 ul li height 문제
안녕나야
우선 그림먼저..
1. ie62. ie 7~ie8알아보기 쉽게 보더를 줘봤습니다.
플로팅된 구조에서 더블마진 현상(하지만 마진을 사용하지 않았어요, 그래도 width, height 값도 줘보고 display:inline도 해보고경우의 수는 다 해본거 같아요;; )
ul li 에 이미지 사이에 1px정도 들어 가는 현상 등등,, 여러가지 다 해봤는데 안되네요
코드써봅니다 ㅠㅠ 힘드네요.. 이렇게 몇시간동안 고민하게는 도움이 되는지 모르겠어요;;
ie7에도 ie6와 똑같은 문제가 있어서 위아래로 둘러 싸고 있는 이미지에 height: 7px; 값을 줬더니 ie7에서 는 해결 됐어요 그런데 ie6는 height가 적용 안돼요 ㅠㅠ
div id=search
ul
li class=sheightimg src=img/t_top.gif alt=검색_top border=0 //li
li class=con기간 : input name= type=text size=15 / - input name= type=text size=15 / 서비스 : select name=selectoption전체/option/select 전화번호 : input name= type=text size=15 / a href=#img src=img/btn_search.gif alt=검색 border=0 //a/li
li class=sheightimg src=img/t_bot.gif alt=검색_bot border=0 //li
/ul
/div
* { margin:0; padding:0; }
ul {margin:0; padding:0; list-style:none; float:left;}
li {margin:0; padding:0; float:left; display:inline;}
#search li.sheight {width: 980px; height: 7px; border: 1px solid black;}
#search li.con{ border: 1px solid black;padding:15px 0 15px 0; width:980px; height:30px; text-align:center; background:url(img/t_bg.gif); font-size:12px; font-weight:bold;}
-
족장
와.. 한방에 해결이네요;; 감사합니다.
구조적으로 엄청 문제가 있는줄 알고 있는데.. 휴.. 그림이 안그려져요.
Ajax로 할꺼라 from을 쓰면 안될꺼 같아서요.. (지금 제가 이야기 하는게 맞는 내용인지도 모르겠네요 ㅠㅠ;) -
하련솔
li.sheight에 폰트 사이즈를 설정해보세요. font-size: 1px; 뭐 이런식으로...
그런데 html 코딩에 구조적으로 좀 문제가 있네요.
폼 형식에 굳이 list를 이용하셔야 할 이유가 있나요?
차라리 구조와 내용이 일치하도록 form을 이용하셔서
form에 전체적으로 background-image를 주시는 게 나을 것 같습니다.