li의 영역이 브라우저별로 틀린이유가 뭘까요?
초코맛사탕
화면특성상 넓이는 %로 줘야하는데요..이상태로 확인을 해보면 크롬과 사파리에서만 유독 li의 넓이를 3px정도 적게 잡아줘서 아래 코드를 띄워 보시면 오른쪽에 보더가 끊어져 있습니다.. 이 이유가 뭘까요?그리고 ie7에서는 브라우저 가로를 늘렸다 줄였다 해보면 한줄이 밀려 내려갔다 올라왔다 난리 ㅠㅠ;;
!DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtdhtml xmlns=http://www.w3.org/1999/xhtml xml:lang=ko lang=kohead title new document /title meta http-equiv=Content-Type content=text/html; charset=utf-8 / meta name=generator content=editplus / meta name=author content= / meta name=keywords content= / meta name=description content= / style type=text/css html, body, div, p, ol, li{margin:0; padding:0;}
body{font:75% 돋움, Dotum, 굴림, Gulim, Arial, sans-serif;} ul, ol, li{list-style:none;} #wrap{min-width:1200px; max-width:1600px;} #fullsize{} #fullsize #report_btn{overflow:hidden; border:1px solid #efefef;} #fullsize #report_btn ol{} #fullsize #report_btn ol li{float:left; width:18%; padding:15px 1%; margin-top:1px; text-align:center; border-top:1px solid #efefef; border-bottom:1px solid #efefef; background:url(../images/setup/bg_dash.gif) repeat-y right 0;} #fullsize #report_btn ol li.btn_right{background:pink;} #fullsize #report_btn ol li span.btn_report{width:98%; text-align:left;} /style/head
bodydiv id=wrap div id=fullsize!-- fullsize -- p style=padding-bottom:20px; font-size:1.2em;뭐가 문제일까요?/p div id=report_btn!-- 보고서 버튼 영역 -- ol lispan class=btn_reporta href=#1. 내용/a/span/li lispan class=btn_reporta href=#2. 내용/a/span/li lispan class=btn_reporta href=#3. 내용/a/span/li lispan class=btn_reporta href=#4. 내용/a/span/li li class=btn_rightspan class=btn_reporta href=#5. 내용/a/span/li lispan class=btn_reporta href=#6. 내용/a/span/li lispan class=btn_reporta href=#7. 내용/a/span/li lispan class=btn_reporta href=#8. 내용/a/span/li lispan class=btn_reporta href=#9. 내용/a/span/li li class=btn_rightspan class=btn_reporta href=#10. 내용/a/span/li lispan class=btn_reporta href=#11. 내용/a/span/li lispan class=btn_reporta href=#12. 내용/a/span/li lispan class=btn_reporta href=#13. 내용/a/span/li lispan class=btn_reporta href=#14. 내용/a/span/li /ol /div!-- 보고서 버튼 영역 끝 -- /div!-- //fullsize --/div/body/html
