AWS AWS 디딤 클라우드

알림톡 통합메시징(알림톡)

이니톡 결제 이니톡(알림톡) 결제!

일본결제지원 일본결제지원!

이전
목록
다음
크

웹표준 질문이요^^

크라운엠버서더
프로필 보기이 회원 글보기이 회원의 댓글보기
 · 2012-02-14 (화) 19:23:32 · 3442 · 1

링크

http://www.grkorea.kr/grkorea_chaga/index.php (200)
어설프게 웹표준 코딩해서 사이트를 제작했습니다~

다 제작한 뒤에.. 헤더/푸터 잡은 게시판이 left로 쏠리는 현상이 나오더라구요~

익스에서만!! 크롬은 이상없는데..

찾아보니깐 익스플로러 에러임으로 body에 text-align:center로 잡아서 해결은 됐는데..
다른 페이지에까지 영향이 끼쳐지더라구요~

그래서 보드에 따로 사용할 css를 만들어서 그쪽으로 걸어두어서 해결은 했습니다~

이런 방법말고 다른 방법으로 해결할 방법이 있나요?
#퍼블리셔팁 #퍼블리셔 #팁자료실 #html
|

댓글 1개

zz하품z
프로필 보기이 회원 글보기이 회원의 댓글보기
 2012-02-22 (수) 10:43:27
익스 버전에 따라서 많이 달라집니다.
아래처럼 핵을 사용해보세요.

코딩기준을 div { width:100px; }으로 잡고 이코드를 CSS핵으로 사용
언더스코어(언더바) 핵 ( _ ) : div { _width:100px; } - Win IE 4~6에서만 스타일만 적용
닷핵 ( . ) : div { .width:100px; } - Win IE 6~7에서만 스타일 적용
해시 핵 ( # ) : div { #width:100px; } - Win IE 5.5~6, Mac IE 5, Opera 7, Mozilla 계열, Firefox에 스타일 적용
스타 핵 : *html div { width:100px; } - Win IE 4~6, Mac IE 4~5에 적용
스타7 핵 : html*div { width:100px; } - Win IE 5.5~6, Mac IE 5, Safari에 적용
xmlns 속성 핵 : html[xmlns] div { width:100px; } - Mozilla, Firefox, Opera, Safari 등 속성 선택자를 지원하는 브라우저에 적용
:root 가상클래스 핵 : :root div { width:100px; } - Mozilla, Firefox, Mac IE 5, Safari 등 가상클래스를 지원하는 브라우저에 적용
IE 8에서만 적용 : div { width/*\**/:100px; } - IE 8에서만 적용
IE 8을 포함한 IE버젼에서만 적용하기 : div { width:100px\; } : IE에서만 적용
IE 7, Opera 적용하기 : *+html body div { width:100px; } - IE 7, Opera 8 이후 버전 적용, Opera를 배제한 IE7전용으로 하고 싶을 때는 *+html>/**/body 로 Opera 전용 속성 기술
IE 7 적용하기 : *:first-child+html div { width:100px; } - IE 7에서만 적용되고, 이외의 브라우저는 앞에서 기술한 셀럭터의 속성에 적용
Netscape 4 제외시키기 : <link rel="stylesheet" type="text/css" href="/css/style.css" media="all" /> - Netscape는 media 속성이 screen이 아닌 경우 외부 스타일시트를 읽지 못하는 버그가 존재함
Win IE 3~4, Mac IE 4 ~ 4.5, Netscape 4 제외시키기 @import url("/css/style.css") - Win IE 4, Mac IE 4는 인용부호가 "가 아니면 읽지 못하는 버그 존재. IE 3과 Netscape 4는 @import 지원하지 않음
Mac IE 5 제외시키기 : div { /*\*/width:100px; /* */ } - Mac용 IE 5에서는 적용시키기
Win IE 4~5 제외시키기 : div/**/ { width:100px; } - Win용 IE 4~5에서는 적용 제외시키기
Win IE 4~5, Mac IE 4.5~5 제외시키기 : div { width/* */:100px; } - Win용 IE 4~5, Mac용 IE 4.5~5에서는 적용 제외시키기
Win IE 6 제외시키기 : div { width/**/:100px; } - Win용 IE 6에서는 적용 제외시키기
IE 7, IE 8에 적용하기 : html>body div { width:100px; } - IE 7, IE 8에서만 적용
Opera 9,27 및 하위 버전에서만 적요하기 : html:first-child div { width:100px; } - Opera 9.27 및 하위버전에서만 적용
Win IE 6 패스필터 <!--[if IE 6]><link rel="stylesheet" type="text/css" href="/css/style.css" media="all" /><![endif]->
Win IE7 패스필터 <!--[if IE 7]><link rel="stylesheet" type="text/css" href="/css/style.css" media="all" /><![endif]->
모던브라우저 패스필터 (Win IE 5.5 이하, Mac IE 5,Opera 8 이하, Netscape 4 이하 제외)
@import "null?"{";
@import "/css/style.css";
@import "null?"}";
댓글을 작성하시려면 로그인이 필요합니다.

프로그램

8,188건
태그 필터 (최대 3개) 전체 개발자 소스 기타 mysql 팁자료실 javascript php linux flash 정규표현식 jquery node.js mobile 웹서버 os 프로그램 강좌 썸네일 이미지관련 도로명주소 그누보드5 기획자 견적서 계약서 기획서 마케팅 제안서 seo 통계 서식 통계자료 퍼블리셔 html css 반응형 웹접근성 퍼블리싱 표준화 반응형웹 홈페이지기초 부트스트랩 angularjs 포럼 스크린리더 센스리더 개발자톡 개발자팁 퍼블리셔톡 퍼블리셔팁 기획자톡 기획자팁 프로그램강좌 퍼블리싱강좌
+
제목 글쓴이 날짜 조회
12-04-26 조회 4,778
12-04-26 조회 2,611
12-04-26 조회 2,836
12-04-26 조회 2,668
12-04-26 조회 2,975
12-04-25 조회 2,433
12-04-25 조회 2,632
12-04-25 조회 2,602
12-04-25 조회 2,655
12-04-25 조회 2,523
12-04-25 조회 2,855
12-04-24 조회 3,996
12-04-24 조회 2,513
12-04-24 조회 2,441
12-04-24 조회 2,639
12-04-24 조회 2,605
12-04-24 조회 2,493
12-04-24 조회 2,783
12-04-24 조회 2,763
12-04-24 조회 2,516
12-04-24 조회 2,551
12-04-24 조회 3,125
12-04-24 조회 2,467
12-04-24 조회 2,627
12-04-24 조회 2,498
12-04-23 조회 2,484
12-04-23 조회 2,508
12-04-23 조회 2,800
12-04-23 조회 2,509
12-04-23 조회 3,426
12-04-23 조회 2,369
12-04-23 조회 2,456
12-04-23 조회 2,580
12-04-23 조회 2,461
12-04-23 조회 2,611
12-04-23 조회 2,639
12-04-23 조회 2,466
12-04-23 조회 3,350
12-04-22 조회 2,511
12-04-22 조회 2,465
12-04-22 조회 2,555
12-04-22 조회 2,773
12-04-22 조회 2,563
12-04-22 조회 3,219
12-04-21 조회 4,012
12-04-21 조회 7,647
12-04-21 조회 2,533
12-04-21 조회 3,017
12-04-21 조회 2,508
12-04-21 조회 2,752
12-04-20 조회 2,692
12-04-20 조회 2,798
12-04-20 조회 2,591
12-04-20 조회 2,719
12-04-20 조회 3,839
12-04-20 조회 2,885
12-04-16 조회 2,631
12-04-07 조회 2,606
12-04-03 조회 3,061
12-04-02 조회 3,169
12-03-28 조회 2,600
12-03-26 조회 5,988
12-03-25 조회 2,666
12-03-25 조회 2,773
12-03-24 조회 2,900
12-03-23 조회 2,756
12-03-22 조회 5,655
12-03-13 조회 2,641
12-03-11 조회 3,061
12-03-11 조회 3,991
12-03-11 조회 4,810
12-03-11 조회 3,698
12-03-11 조회 3,664
12-03-11 조회 5,319
12-03-06 조회 2,777
12-03-06 조회 2,870
12-03-05 조회 2,937
12-03-02 조회 2,853
12-03-01 조회 6,379
12-03-01 조회 3,195
12-02-29 조회 5,332
12-02-17 조회 2,949
12-02-16 조회 2,748
12-02-14 조회 3,726
12-02-14 조회 2,915
12-02-08 조회 2,893
12-02-07 조회 2,522
12-02-06 조회 1.2만
12-02-04 조회 2,780
12-02-02 조회 2,866
12-01-29 조회 4,552
12-01-27 조회 2,706
12-01-25 조회 3,850
12-01-24 조회 4,228
12-01-21 조회 3,274
12-01-21 조회 3,010
12-01-16 조회 3,461
12-01-16 조회 3,913
12-01-14 조회 2,792
12-01-13 조회 4,334
글쓰기