ie7에 최적화 시키기
달달항사탕
!DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd
html xmlns=http://www.w3.org/1999/xhtml
head
meta http-equiv=Content-Type content=text/html; charset=euc-kr /
meta http-equiv=X-UA-Compatible content=IE=7 /
title/title
link type=text/css rel=stylesheet href=../css/global.css /
/head
이렇게 작성하여 ie8을 ie7에 맞추어 놓앗습니다.
그런데!
두버전이 다르게 값을 먹습니다. 아주 미묘하게
약.....2px정도의 차이인데요
코드는
div class=topSearch topSearch2
div class=selSearch2
pinput type=text class=search_input value=전체/input type=image class=btnSearch src=../images/btn_select.gif //p
ul
lia href=#전체/a/li
lia href=#일반/a/li
lia href=#하이스코/a/li
lia href=#기타/a/li
/ul
/div
div class=inputSearch2pinput type=text class=search_input/input type=image class=btnSearch src=../images/img_search.gif //p/div
/div
css
.selSearch2 {
background:url(../images/bg_search_left.gif) no-repeat left top;
padding-left:3px;
width:80px;
margin:0 0 0 0 !important;
position:relative;}
.selSearch2 .search_input {
background:url(../images/bg_search.gif) repeat-x left top;
border:1px solid #f5f4f4;
border-left:0;
width:65px;
height:16px;
padding:1px 0 1px 3px;
.margin-top:-2px;
margin-top /*\**/: 0\9}
.selSearch2 input.btnSearch { margin:0 0 0 -17px;}
.selSearch2 ul {
background:#fff;
padding:0 4px;
width:61px;
position:absolute;
left:2px; top:23px;}
.selSearch3 {
.background:url(../images/bg_search_left.gif) no-repeat left 2px;
_margin:0 0 0 -290px !important}
.inputSearch2 {
clear:both;
width:100px;
margin:-20px 0 0 76px;
.margin:-20px 0 0 76px;
width:144px;
background:url(../images/bg_search_left.gif) no-repeat left top;
padding-left:3px;
height:20px;;}
.inputSearch2 .search_input {
width:120px; border:0;
background:url(../images/bg_search.gif) repeat-x left top;
padding:2px 3px 0 3px;
height:16px;
border:1px solid #f5f4f4; border-right:0; border-left:0;
.margin-top:-2px;
margin-top /*\**/: 0\9; }
.inputSearch2 .btnSearch {
margin-right:5px; margin:0; padding:0;
.margin-top:-2px;
margin-top /*\**/: 0\9}===============================================================================
이부분이 계속 난리여서 ^-^ css가 많이 더럽네요 ^-^ 왜이럴까요 도움좀 주세요 ㅠ_ㅠ
-
뽀대미녀
text박스의 여백 값 때문에 그런것 같은데요....
ie6, 7같은 경우는 input 에 여백이 들어가더라구요....
원하시는 input에 class추가하시고
{.margin:-1px 0} 추가해 보세요...ㅎㅎ
.margin은 class명이 아니고 ie6, 7 핵입니다.