익스6 float 문제...
볼수록중독
보면 아시다시피.... 텍스트와 버튼이 같은줄에 있어야 하는데, 저리 내려가 버립니다.
텍스트 div와 버튼 div 두개를 사용하여, float 을 썼는데...
다른곳에서는 멀쩡히 나오는데... 익스 6에서만 저럽니다.
어찌해야 할까요.... ㅠ .bx_1{position:absolute;}
.wt175{width:175px;}
.wt175 p{margin:0;}
.bx_ps_area{height:165px; border-left:4px solid #eee0d5;border-right:4px solid #eee0d5;padding:5px;overflow-x:hidden; overflow-y:scroll; margin:0px;background-color:#fff;}
.bx_ps_area .name{float:left;margin:0px;padding:0px;letter-spacing:-1px;}
.bx_ps_area .name ul{list-style:none;margin:0px;padding:0px;}
.bx_ps_area .name ul li{margin:3px 0px 0px 0px;padding:0px;height:17px;}
.bx_ps_area .btn{margin-left:92px;_margin-left:46px;_width:50px;padding:0px;float:left;}
.bx_ps_area .btn ul{list-style:none;margin:0px;padding:0px;}
.bx_ps_area .btn ul li{margin:0px;padding:0px;height:20px;}
.btn_area{border-left:4px solid #eee0d5;border-right:4px solid #eee0d5;padding:0px;overflow:hidden;margin:0px;background-color:#fff;text-align:center;}div class=bx_1 style=top:320px;
div class=wt175
pimg src=img/ps_list_top.gif alt= title= //p
div class=bx_ps_area
div class=name
ul
li대표이사 홍길동/li
li차장 홍길동/li
/ul
/div
div class=btn
ul
lia href=#img src=img/btn_info_detail.gif alt=상세정보 //a/li
lia href=#img src=img/btn_info_detail.gif alt=상세정보 //a/li
/ul
/div
/div
div class=btn_area clear
spana href=#img src=img/btn_view_close.gif alt=닫기 vspace=3 //a/span
/div
pimg src=img/ps_list_bottom.gif alt= title= //p
/div
/div
도움 부탁드려요~
-
슬옹
아...그런데 리와인드미 님의 답변을 보고 깨우쳐서(?) div 두개로 글자와 버튼을 따로 나누지 않고... 버튼에 float:right로 넣어 한줄로 주었는데요, li대표이사 홍길동spana href=\#\img src=\img/btn_info_detail.gif\ alt=\상세정보\ //a/span/li 이렇게요...
-
아라
그냥 지나가다 두줄적어요~
버튼의 alt=\상세정보\ \OOO조회하기\로 바꾸심이 어떨까용^^? -
하늬
lispan style=\width:90px;display:inline-block\대표이사 홍길동/spana href=\#\img src=\img/btn_info_detail.gif\ alt=\상세정보\ //a/li
이렇게 하면 안될려나요? -
지은
아.. 결국 한줄씩 띄어지는 문제를 해결하지 못하여... 처음처럼 DIV를 좌텍스트/우버튼 두 영역으로 나누어서 했습니다. 혹, 저 문제에 대한 해결방법 알고계신 분은 알려주세요~
-
윤슬이뿌잉
CSS도 대폭...줄여서 ,
.bx_ps_area{height:165px; border-left:4px solid #eee0d5;border-right:4px solid #eee0d5;padding:5px;overflow-x:hidden; overflow-y:scroll; margin:0px;background-color:#fff;}
.bx_ps_area .name{float:left;width:145px;margin:0px;padding:0px;le -
맑다
아...name에 float 빼야 하는거였네요. ㅠ 완벽히 모르는 상태에서.. 이것저것 넣어보고 빼보고 정신없이 했더니...뒤죽박죽 되어서 그랬나봐요. 해결되었습니다. 많은 조언 감사합니다. ^ -^
-
슬옹
btn에 float를 넣으셨으면 마진 값은 빼주셔야합니다. name에 width값도 주셔야되구요.
btn에 float를 빼시면 어떨런지..
ie에서는 float방향과 같은 방향으로 margin값을 주시면 더블 마진으로 마진값이 두배가 되지요!
float : left ; margin-left:92px ; margin-left: 46px 주신게 더블마진때문에 핵쓰신것 같네요.
display:inline도 같이 주시면 해결됩니다.
li홍길동 span st -
오나미
.name에는 width 값이 없네요....