웹표준 질문이요^^
어설프게 웹표준 코딩해서 사이트를 제작했습니다~
다 제작한 뒤에.. 헤더/푸터 잡은 게시판이 left로 쏠리는 현상이 나오더라구요~
익스에서만!! 크롬은 이상없는데..
찾아보니깐 익스플로러 에러임으로 body에 text-align:center로 잡아서 해결은 됐는데..
다른 페이지에까지 영향이 끼쳐지더라구요~
그래서 보드에 따로 사용할 css를 만들어서 그쪽으로 걸어두어서 해결은 했습니다~
이런 방법말고 다른 방법으로 해결할 방법이 있나요?
댓글 1개
13년 전
익스 버전에 따라서 많이 달라집니다.
아래처럼 핵을 사용해보세요.
코딩기준을 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?"}";
아래처럼 핵을 사용해보세요.
코딩기준을 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?"}";
게시글 목록
| 번호 | 제목 |
|---|---|
| 16046 | |
| 16039 |
jQuery
jquery + ajax + php 샘플 소스
6
|
| 24343 | |
| 30035 | |
| 16035 | |
| 16033 | |
| 16031 |
JavaScript
브라우저별 출력 width가 다른 이유가 무엇일까요?
1
|
| 3896 | |
| 30030 | |
| 3892 | |
| 16029 | |
| 16026 |
node.js
nodejs toolbox 입니다
2
|
| 16024 |
node.js
node js 강좌 모음 이네요
1
|
| 16020 | |
| 16016 |
JavaScript
출력 결과가 이상하게 다르네요....
3
|
| 16013 | |
| 16010 |
JavaScript
익스플로러8에서는 잘 되는데 익스플로러9에서는 안되는 경우 문의드립니다.
2
|
| 3889 | |
| 30027 | |
| 16009 | |
| 16008 |
Linux
아파치 데몬 체크실행하기
|
| 16007 |
MySQL
MySQL innodb Lock 체크
|
| 16005 | |
| 30025 |
HTML
스크롤바 관련 질문드려요..
1
|
| 16001 | |
| 15998 | |
| 3886 | |
| 30022 | |
| 3883 | |
| 15995 | |
| 15992 |
JavaScript
음;; 텍스트박스 엔터시 비활성?
2
|
| 30020 |
HTML
웹표준 질문이요^^
1
현재글
|
| 15991 |
Linux
PuTTY의 SSH 창에서 한글 깨짐 막기
|
| 15989 |
Linux
내/외부망 연결하기
1
|
| 15980 |
node.js
5분만에 만들어보는 채팅 프로그램
8
|
| 15977 | |
| 3878 | |
| 15976 |
JavaScript
HTML 출력 퍼포먼스...
|
| 3871 | |
| 26248 |
서식
지출결의서 양식
|
| 3868 | |
| 3861 | |
| 15972 | |
| 15970 |
PHP
exit() 쓰시는 분들
1
|
| 15967 |
Mobile
공부하려하는데 책을 뭐사지;
2
|
| 15964 |
JavaScript
자바스크립트와 메모리 누수와 IE
2
|
| 15954 | |
| 26245 |
기획서
쇼핑몰 수익 시뮬레이션
2
|
| 15953 | |
| 15952 |
Mobile
iOS 모바일 브랜드 애플리케이션 개발
|
| 15948 |
PHP
php 기반 웹크롤러 모음
3
|
| 15947 | |
| 30016 | |
| 15944 |
MySQL
쿼리에서 해당 테이블 이름 구하기?
2
|
| 15943 | |
| 15942 |
MySQL
putty 로 phpmyadmin설치방법
|
| 15940 | |
| 15938 |
JavaScript
이코드만으로는 출력이 안되나요?
1
|
| 15935 |
JavaScript
onclick시에 디비 읽어 와서 inputdp넣기
2
|
| 24342 | |
| 3855 | |
| 15933 | |
| 15930 | |
| 3850 | |
| 15928 |
JavaScript
간단한 스크립트 결합좀 해주세요!!
1
|
| 15925 | |
| 30013 | |
| 30012 | |
| 15922 | |
| 15921 | |
| 15918 |
node.js
[예약판매] Node.js 노드제이에스 프로그래밍
2
|
| 3843 | |
| 3842 | |
| 15915 |
JavaScript
텍스트파일에서 랜덤으로 무작위로 불러오기
2
|
| 15912 | |
| 15911 |
Linux
유용한리눅스사이트
|
| 3840 | |
| 15904 | |
| 26244 | |
| 26243 | |
| 3835 | |
| 15902 |
Flash
플래쉬 url링커가 안되요.
1
|
| 26239 | |
| 15898 |
Linux
mysql 연동 관련
3
|
| 3828 | |
| 26230 | |
| 15897 | |
| 26227 | |
| 3826 | |
| 26219 | |
| 15893 |
jQuery
이미지의 색상을 변경하는 방법 !!
3
|
| 15886 | |
| 3807 | |
| 3800 | |
| 3796 | |
| 15885 | |
| 15881 |
JavaScript
플래쉬 에서 아작스 자바스크립트 함수를 넣어야하는데 어떻게 할까용??
3
|
| 15879 |
PHP
도메인 관련
1
|
| 15877 |
JavaScript
페이스북 타임라인 최신글등을 웹홈페이지와 연동시키고싶어요..
1
|
| 15864 |
jQuery
jquery 이미지 슬라이드 추천
12
|
댓글 작성
댓글을 작성하시려면 로그인이 필요합니다.
로그인하기