묻고답하기
세로길이가 1px 차이납니다.
2014.03.13 11:07
세로길이가 1px 차이납니다.
크롬 과 파이어폭스에서는 세로길이가 동일하게나오는데
ie는 크롬 과 파이어폭스보다 세로길이가 1px 더 추가되네요.
어떻게 해결해야할까요?
댓글 3
-
보노보스
2014.03.13 11:11
body{background:#000 url(http://res2.windows.microsoft.com/resbox/en/windows%207/main/2eb86d14-e325-40ae-9c87-d1821ffaf70a_5.jpg); background-attachment:fixed; background-repeat: no-repeat; left top; font-family:Tahoma, Geneva, sans-serif}
#main {width:730px; margin:0 auto; overflow:hidden;}
#header {height:0px; padding:0px 0px 0px 0px;}
#logo {margin:0;}
#nav {position:absolute; top:-20px; right:0px; margin:0;}
#nav span {margin:0px;}
#nav #nav-active {font-weight:bold; text-decoration:none;}
#tray {width:980px; height:0px; background:url("../design/tray.gif") 0 0 no-repeat; overflow:hidden; font:bold 0%/0 "tahoma",sans-serif;}
#tray ul {margin:0px; list-style:none;}
#tray li {display:inline;}
#tray li a {display:block; float:left; padding:0px 0px 0px 0px; background:url("../design/tray-separator.gif") 0% 0 no-repeat; text-decoration:none;}
#tray li a:hover {background:url("../design/tray-hover.gif");}
#tray li.on a {background:url("../design/tray-active.gif");}
#search {position:absolute; top:-20px; right:0px;}
#search div {width:185px;}
#search #search-input {position:absolute; top:-20; left:0; width:150px; height:0px; background:url("../design/search-input.gif") 0 0 no-repeat; overflow:hidden;}
#search #search-input input {width:136px; margin:0px; border:0; font:0%/0 "arial",sans-serif;}
#search #search-submit {position:absolute; top:-20; right:0; width:0px;}
#footer {clear:both; padding:0px 0px 0px 0px; font-size:0%;}
#footer p {margin:0;}
#footer p {margin:0;} -
Ansi™
2014.03.13 12:49
css 만으로는 파악이 힘들긴 한데, css 상에서 height값을 0px로 넣고 컨텐츠 사이즈로 유동적으로 변경되는 경우라면 컨텐츠가 이미지, 텍스트에 따라서 크기가 각 브라우저 별로 다를 수 있습니다.
브라우저에 따라서 엔진이 다르기 때문이구요. 특히나 IE 계열의 경우, IE9부터는 표준을 잘 지켜주는 편이지만 파폭이나
크롬에 비해서 css 처리가 다소 부족한건 사실이구요.
단순하게 1px만 줄이면 되는 거라면, 해당 컨텐트만을 위한 IE용 css를 넣어서 처리를 하는게 가장 단순하게 처리가
가능한 부분이라고 생각 됩니다.
어떤 CSS/속성을 사용하셨는지 적어 주셔야 답변이 가능합니다.