어설프게 웹표준 코딩해서 사이트를 제작했습니다~
다 제작한 뒤에.. 헤더/푸터 잡은 게시판이 left로 쏠리는 현상이 나오더라구요~
익스에서만!! 크롬은 이상없는데..
찾아보니깐 익스플로러 에러임으로 body에 text-align:center로 잡아서 해결은 됐는데..
다른 페이지에까지 영향이 끼쳐지더라구요~
그래서 보드에 따로 사용할 css를 만들어서 그쪽으로 걸어두어서 해결은 했습니다~
이런 방법말고 다른 방법으로 해결할 방법이 있나요?
댓글 1개
익스 버전에 따라서 많이 달라집니다.
아래처럼 핵을 사용해보세요.
코딩기준을 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?"}";
게시글 목록
| 번호 | 제목 |
|---|---|
| 12413 | |
| 12412 | |
| 12411 |
JavaScript
실시간 카운트 다운 시계 입니다.
|
| 12410 |
jQuery
jQuery, 이미지맵 마우스오버시 하이라이트 표시
|
| 12407 | |
| 12406 | |
| 12405 | |
| 12404 |
JavaScript
한번만 submit 되게 하기 입니다.
|
| 12403 |
JavaScript
영문자나 숫자만 입력 할 수 있게 하기 입니다.
|
| 12402 |
JavaScript
현재 페이지 이메일로 보내는 버튼 만들기 입니다.
|
| 12401 |
JavaScript
모바일웹에서 PC버전 링크
|
| 12400 |
JavaScript
특정 파일형태만 업로드 하기 입니다.
|
| 12399 |
JavaScript
입력 문자열 앞에 붙는 공백 제거하기 입니다.
|
| 12398 |
JavaScript
키보드 방향키로 창의 위치를 이동시키기 입니다.
|
| 12397 | |
| 12396 | |
| 12395 |
JavaScript
키보드 눌러 이동하는 단축키 사용하기 입니다.
|
| 12394 |
JavaScript
책장을 넘기는 것같은 이미지 슬라이드 쇼 입니다.
|
| 12393 |
JavaScript
마우스를 대면 링크 이미지들을 보여주기 입니다.
|
| 12392 |
PHP
pushbullet 푸시 발송
|
| 12391 |
MySQL
같은 컬럼의 행들을 한번에 UPDATE 하기
|
| 12390 |
JavaScript
이미지들을 보여주는 풀다운 콤보메뉴 입니다.
|
| 12389 |
JavaScript
부드럽게 오버랩되는 이미지 슬라이드 쇼 입니다.
|
| 12388 |
JavaScript
끊김없이 연속적으로 스크롤 되는 이미지 스크롤러 입니다.
|
| 12387 |
PHP
php 주요 정리 입니다.
|
댓글 작성
댓글을 작성하시려면 로그인이 필요합니다.
로그인하기