티스토리 뷰
IE와 non-IE에서는 width 인식 범위가 padding를 포함/안함 계산되어
한쪽 브라우저에서만 표준코딩을 하면 나중에 넓이 문제가 나오게 된다.
하여 구글링을 하다가
별의 별 핵을 다 써보았으나 ie7,8 과 non-ie 구분적 hack 적용은
아래와 같은 CSS if Condition 만 자꾸 검색되어서
<!--[if IE]>
.css ...
<!--[endif]-->
CSS를 두개씩 만들어야 되나... 하다가
결국 인라인에 적용할 수 있는 hack 하나 건졌다.
한쪽 브라우저에서만 표준코딩을 하면 나중에 넓이 문제가 나오게 된다.
하여 구글링을 하다가
별의 별 핵을 다 써보았으나 ie7,8 과 non-ie 구분적 hack 적용은
아래와 같은 CSS if Condition 만 자꾸 검색되어서
<!--[if IE]>
.css ...
<!--[endif]-->
CSS를 두개씩 만들어야 되나... 하다가
결국 인라인에 적용할 수 있는 hack 하나 건졌다.
; 전에 !ie 이면 IE 전용
; 전에 ie 이면 Non-IE 전용
IE만 적용 예 : width:990px; width:950px !ie;
공통적인 값을 먼저 적고, 다음에 특수 브라우저용을 적으면 되겠다.; 전에 ie 이면 Non-IE 전용
IE만 적용 예 : width:990px; width:950px !ie;
'웹프로그래밍 > css' 카테고리의 다른 글
table align center 가 firefox 에서는 안먹힌다 (0) | 2011.10.06 |
---|---|
IE, FF 에서의 padding, width 차이 (0) | 2011.01.05 |
이미지 문장과 함께 있을때 float:left 적용 display:inline (0) | 2010.10.18 |
제목 more 를 CSS로 위치시키기 (0) | 2010.06.30 |
CSS Watermarks로 이미지 불펌방지 (0) | 2010.06.23 |
댓글
최근에 올라온 글
최근에 달린 댓글
- Total
- Today
- Yesterday
TAG
- JQuery
- classic asp
- Docker
- JSON
- 안드로이드
- IE
- Prototype
- sencha touch
- mssql
- iphone
- nodejs
- Mac
- nginx
- 워드프레스
- javascript
- Android
- centos
- Wordpress
- CSS
- laravel
- IOS
- macos
- ASP
- API
- 한글
- PHP
- Debug
- git
- iis
- Linux
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | 5 | ||
6 | 7 | 8 | 9 | 10 | 11 | 12 |
13 | 14 | 15 | 16 | 17 | 18 | 19 |
20 | 21 | 22 | 23 | 24 | 25 | 26 |
27 | 28 | 29 | 30 | 31 |
글 보관함