수다닷컴

  • 해외여행
    • 괌
    • 태국
    • 유럽
    • 일본
    • 필리핀
    • 미국
    • 중국
    • 기타여행
    • 싱가폴
  • 건강
    • 다이어트
    • 당뇨
    • 헬스
    • 건강음식
    • 건강기타
  • 컴퓨터
    • 프로그램 개발일반
    • C언어
    • 비주얼베이직
  • 결혼생활
    • 출산/육아
    • 결혼준비
    • 엄마이야기방
  • 일상생활
    • 면접
    • 취업
    • 진로선택
  • 교육
    • 교육일반
    • 아이교육
    • 토익
    • 해외연수
    • 영어
  • 취미생활
    • 음악
    • 자전거
    • 수영
    • 바이크
    • 축구
  • 기타
    • 강아지
    • 제주도여행
    • 국내여행
    • 기타일상
    • 애플
    • 휴대폰관련
  • 프로그램 개발일반
  • C언어
  • 비주얼베이직

ie7에 최적화 시키기

달달항사탕

2023.04.01

!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가 많이 더럽네요 ^-^ 왜이럴까요 도움좀 주세요 ㅠ_ㅠ

신청하기





COMMENT

댓글을 입력해주세요. 비속어와 욕설은 삼가해주세요.

  • 뽀대미녀

    text박스의 여백 값 때문에 그런것 같은데요....
    ie6, 7같은 경우는 input 에 여백이 들어가더라구요....
    원하시는 input에 class추가하시고
    {.margin:-1px 0} 추가해 보세요...ㅎㅎ
    .margin은 class명이 아니고 ie6, 7 핵입니다.

번호 제 목 글쓴이 날짜
2701803 저에게 지식의 자비를~ 베푸소서~!! (4) 봄바람 2025-07-17
2701773 메모장 파일을 읽고 출력하는 내용에 관한 질문입니다. 한국드립 2025-07-17
2701748 아이피 변경 부분이요... 날애 2025-07-17
2701665 자바스크립트 // 왜 if 두개를 쓰면 오류가 나죠? (2) 글리슨 2025-07-16
2701636 모바일웹 게시판 만들기 조언좀 부탁드려요 ㅜㅜ (2) 정훈 2025-07-16
2701610 [질문] AS3 액션으로 스테이지 사이즈를 조절할 수 있는 방법이 있을까요? (1) 앵겨쪼 2025-07-15
2701556 input text에 한글을 default 하려면.. (3) 히나 2025-07-15
2701528 apmsetup 접속이.... (5) 곰돌이 2025-07-15
2701506 암호를 *로 (6) 도도한 2025-07-14
2701475 배열최대값 찾기인데; 소스좀 해석해주세요; Orange 2025-07-14
2701397 세로 100% 푸터부분이 바닥에 안붙어요(세로 100% 되는 소스를 썼거든요) 꽃겨울 2025-07-13
2701369 [긴급]로드해온 swf가 갑자기 사라지는 현상..(익스10) (2) 곰돌이 2025-07-13
2701340 [c++]학교 과제 질문이요...... (3) 기쁨해 2025-07-13
2701311 구글 뉴스검색최적화 작업은 누구의 영역인가요? 많은 조언 부탁드려요! 리나 2025-07-13
2701285 아이폰이나 안드로이드 폰 인터넷으로 볼때 배꽃 2025-07-12
2701230 테마 설정하면 밑에 뜨는 글 삭제 (1) 창의적 2025-07-12
2701177 css적용이 안되요~ (6) 다니엘 2025-07-11
2701151 사이트작업시 inputbox 가 readonly 형태표시 어떻게 하시나요? (1) 찬내 2025-07-11
2701123 간단한 select 질문입니다 (3) 천사의눈물 2025-07-11
2701061 비베질문.. 똘끼 2025-07-10
<<  이전  1 2 3 4 5 6 7 8 9 10  다음  >>

수다닷컴 | 여러분과 함께하는 수다토크 커뮤니티 수다닷컴에 오신것을 환영합니다.
사업자등록번호 : 117-07-92748 상호 : 진달래여행사 대표자 : 명현재 서울시 강서구 방화동 890번지 푸르지오 107동 306호
copyright 2011 게시글 삭제 및 기타 문의 : clairacademy@naver.com