[임시패치] FastBoot IE8 동작 개선
FastBoot v1.3.5에서 수정되었습니다. 다운로드 링크는 아래 글 하단부를 참조하세요.
어디까지나 임시이지만 IE8에서 제대로 동작하지 않는다는 분들이 많아서 급하게 패치합니다. 다음 버전에서는 이상없이 아래 기능 추가될 것입니다.
두가지 파일이 추가되며 (images폴더 안입니다) 마크쿼리 스킨 개발자님께 감사의 말씀 드립니다. ie.css는 그대로 가져다가 썼는데 이상없이 동작해서 minimize만 하였고, 다만 ie.css가 상단 navbar가 모바일처럼 접혀나오는 문제가 있어서 이를 수정한 ie.navbar.css를 급조하였습니다. 이 부분은 제가 bootstrap에서 필요한 부분만 IE8에서 다시 overriding하여 만든 것입니다. 파일 두개부터 받고 시작합니다.
images 폴더에 업로드 하였으면, 상단 헤더를 아래처럼 바꿔줍니다.
<!-- FastBoot v1.3 by Readiz Responsive Tistory Skin http://readiz.com/ Open sources are copyright of their respective owners. --> <!DOCTYPE html><html><head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0"> <link rel="shortcut icon" href="[$$_blog_link_$$]favicon.ico" /> <link rel="alternate" type="application/rss+xml" title="[$$_title_$$]" href="[$$_rss_url_$$]" /> <!--F Open Sources are using here: Bootstrap, Bootflat, Fontawesome --> <link href="./images/bootstrap.min.css" rel="stylesheet" /> <link rel="stylesheet" media="screen" type="text/css" href="./style.css" /> <link href="./images/fastboot.min.css" rel="stylesheet" /> <title>[$$_page_title_$$] :: [$$_title_$$]</title> <!--F ie.css by Ungki, H. ie.navbar.css by Readiz --> <!--[if lt IE 9]> <link href="./images/ie.min.css" rel="stylesheet" /> <link href="./images/ie.navbar.css" rel="stylesheet" /> <![endif]--> <link href="http://netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.min.css" rel="stylesheet" /> </head>
$$는 ##로 치환해주시기 바랍니다.
여기까지 완료되면 IE8에서도 문제없이 페이지가 로드됩니다. respond.js가 우여곡절 끝에 티스토리에 적용되어 좋아했었는데, 속도가 느리다는 치명적인 문제와 종종 IE가 뻗는 문제가 있었습니다. 위 방법대로 적용하시면 이제 IE8에서도 잘 작동합니다.
그리고 조만간 Font-awesome을 구버전으로 바꿔서 FastBoot을 IE7까지도 지원하게 만들 예정입니다. 기대해주세요.
아래는 IE8에서 어떻게 나오는지 보여드리고자 찍은 스크린샷입니다.
'반응형 티스토리 > FastBoot' 카테고리의 다른 글
FastBoot 갤러리형 / 리스트형 / 심플타이틀형 모드 선택 추가 (15) | 2014.03.15 |
---|---|
반응형 스킨 FastBoot을 갤러리 스킨으로? (16) | 2014.03.14 |
상단바 제목 입맛대로 수정하기 (13) | 2014.03.14 |
반응형 스킨 FastBoot v1.3.5 공개 / 배포 (IE8 지원) (110) | 2014.03.12 |
우측 배찌 색깔 바꾸기 (6) | 2014.03.12 |
[임시패치] FastBoot IE8 동작 개선 (18) | 2014.03.10 |
FastBoot스킨 IE8 속도 빠르게 하기 / 플러그인 호환 문제 (10) | 2014.03.10 |
FastBoot v1.3 반응형 스킨 블로그에 적용하기 (58) | 2014.03.08 |
티스토리 반응형 스킨 FastBoot v1.3 작업현황 (8) | 2014.03.06 |
[티스토리 반응형 스킨] FastBoot v1.2 Specification / 배포 (19) | 2014.02.26 |
[티스토리 반응형 스킨] FastBoot v1.1 배포 / 다운로드 (16) | 2014.02.19 |
알려주신대로, 우선은 주석으로 처리된 부분들을 위의 코드로 대체 했고,,, 전 헤더 부분에 많은 태그들을 추가 해줘서,,, 폰트어썸 CDN 코드만 아래로 내려서 작업을 했네요 ㅎㅎ
Fontawesome이 4.0버전부터는 IE8이상만 지원하더군요.
IE7이 얼마 되지 않는 브라우저이지만, 이것을 Fontawesome 3.0버전에서 지원을 하니 이것만 이제 제대로 된다면 IE7부터 전부 다 적용되는 반응형 스킨이 탄생하게 되는 거네요.. 이번 주말까지 다시 달려야겠습니다.
아 그리고 onasaju님 블로그 모양이 이쁜거 같아서 포스팅사진에 추가했어요. ㅋㅋㅋ 괜찮으시죠? 본문보세요 ㅎㅎ IE8에서 잘 뜹니다.
제 블로그 상단 메뉴바...핑크색이 왠지... 헬로키티 좋아하는 여성 유저 같아 보이네요 ... ㅎㅎ 저건 수정작업이 모두 완료가 될때까지만 임시로 해 놓은 거라서... 이번 주 내로.. 커스터마이징 수정작업을 마무리 해야 겠습니다. 물론 관련 포스팅도 마무리 해야죠 !
상단 메뉴바의 넓이 변경하는 사항, ie 8에서 먹통되는 사항, 본문과 사이드바 영역 크기 변경 사항... 등등 넘 감사합니다.. ^^
계속 사용하면서, 커스터마이징 하면서.... 트랙백 넣겠습니다 ^^
저도 별의별 노가다를 다 해보았는데 그냥 깔끔하게 포기하는게 낫더군요
정말 IE에서는 내용만 보일수 있도록 해주는 것이 좋습니다. 제가 사용하는 오만가지 플러그인도 IE8 이하는 더 이상 지원을 하지 않더군요.
가장 중요한 댓글 플러그인인 디스커스가 IE7 이하에서 로드가 되지 않다보니 IE5,6,7 접속자분들이 IE 전용 스킨 너무 예쁘다고 칭찬도 안해 줘서 슬픕니다 ㅠㅠ ㅋㅋㅋㅋㅋㅋㅋㅋㅋ
p.s textarea에 css3 애니메이션이 들어간것 같은데 크기 조절시에 상당히 굼뜨네요;
Textarea는 확인해보겠습니다. 제보 감사합니다.
이제 IE8에서 죽지않습니다..
감사합니다..
혹시 제 블로그 오셔서 뭐가 문제인지 봐주실수 있으신가요..ㅜ
몇시간째 헤매고 있네요..
IE8인데 접혀서 이상하게 뜨는 문제가 계속 발생합니다..ㅜ
http://timefly88.tistory.com