BootStrap 데모가 적용이 않되는 ...
IE8 에서 테스트중입니다.
의 소스을 그대로 가지고 와서
script & css path 을 수정하고서
실행해보면
데모 버젼은 제대로 보이는데
복사해서 적용한 소스는 float:left 속성이
먹히지을 않고 있습니다.
첨부파일과 같이 나타나는 상황입니다.
바꿔준거라고는
<link href="http://getbootstrap.com/dist/css/bootstrap.css" rel="stylesheet" media="screen" >
<link href="http://getbootstrap.com/examples/justified-nav/justified-nav.css" rel="stylesheet">
<link href="http://getbootstrap.com/examples/justified-nav/justified-nav.css" rel="stylesheet">
<!--[if lt IE 9]>
<script src="http://getbootstrap.com/assets/js/html5shiv.js"></script>
<script src="http://getbootstrap.com/assets/js/respond.min.js"></script>
<![endif]-->
<script src="http://getbootstrap.com/assets/js/html5shiv.js"></script>
<script src="http://getbootstrap.com/assets/js/respond.min.js"></script>
<![endif]-->
http://getbootstrap.com 로 바꿔준것뿐인데
왜 이러는지 .... ㅠㅠ
부탁 드리겠습니다.
댓글 10개
THIRD
12년 전
눈대중으로 살짝 보니
justified-nav.css << 이넘이 반응형 네비 미디어 쿼리를 포함하고 있는것 같습니다
justified-nav.css << 이넘이 반응형 네비 미디어 쿼리를 포함하고 있는것 같습니다
THIRD
12년 전
뻘짓이였군요.. ㄷ
respond.js 이넘이 크로스도메인을 지원을 안해서 그런듯합니다.
테스트는 안해봤지만, git에 크로스 도메인 관련 예제가 있군요 꼭 필요하시다면 git예제로 해보시면 되실듯합니다.
https://github.com/scottjehl/Respond
같은 도메인에서는 정상 작동합니다.
http://ontip.hosting.paran.com/bootstrap/examples/justified-nav/
덕분에 생각하지 못한 이슈 배웠습니다 ㄷ
respond.js 이넘이 크로스도메인을 지원을 안해서 그런듯합니다.
테스트는 안해봤지만, git에 크로스 도메인 관련 예제가 있군요 꼭 필요하시다면 git예제로 해보시면 되실듯합니다.
https://github.com/scottjehl/Respond
같은 도메인에서는 정상 작동합니다.
http://ontip.hosting.paran.com/bootstrap/examples/justified-nav/
덕분에 생각하지 못한 이슈 배웠습니다 ㄷ
12년 전
말씀하신 부분은 아닌것 같습니다...
Css 적용이 않되는 부분이라...
혹여나하고
해 보았었고, 다시 해보았지만 마찮가지...
답변 감사합니다.
Css 적용이 않되는 부분이라...
혹여나하고
해 보았었고, 다시 해보았지만 마찮가지...
답변 감사합니다.
THIRD
12년 전
http://ontip.hosting.paran.com/bootstrap/examples/justified-nav/
위사이트 또한 동일한 증상이 발생한다면 원본 소스를 보지 않고는 뭐라 말씀드리기 힘듭니다 ㄷ
위 사이트 소스는 3.0에 포함된 예제에서 ie < 9 js파일 로드부분만 외부 리소스를 참조하고 CSS 참조는 원본 그대로 뒀습니다
CSS 참조를 외부리소스를 하게되면 첨부하신 스샷과 같은 동일 증상이 발생하였습니다.
사견으로는 CSS를 참조하지만 미디어쿼리 적용하는부분을 Respond.js가 정상적으로 작동안되는 문제로 사료됩니다
위사이트 또한 동일한 증상이 발생한다면 원본 소스를 보지 않고는 뭐라 말씀드리기 힘듭니다 ㄷ
위 사이트 소스는 3.0에 포함된 예제에서 ie < 9 js파일 로드부분만 외부 리소스를 참조하고 CSS 참조는 원본 그대로 뒀습니다
CSS 참조를 외부리소스를 하게되면 첨부하신 스샷과 같은 동일 증상이 발생하였습니다.
사견으로는 CSS를 참조하지만 미디어쿼리 적용하는부분을 Respond.js가 정상적으로 작동안되는 문제로 사료됩니다
12년 전
허거덩....다운받아 설치한곳에 샘플을 실행하니 제대로 되네요...
정말 감사합니다....아주 큰 도움이 되었어요...
정말 감사합니다...(ㅡㅡ)(_ _)
정말 감사합니다....아주 큰 도움이 되었어요...
정말 감사합니다...(ㅡㅡ)(_ _)
12년 전
@THIRD 오, 저도 좋은것 배웠습니다. ^^
letsgolee
12년 전
호환성 보기가 선택된 것은 아닌가요?
12년 전
예에...호환성 보기는 않 했었어요..
답변 주셔서 감사합니다.
에효....도대체 뭔징...ㅠㅠ
답변 주셔서 감사합니다.
에효....도대체 뭔징...ㅠㅠ
12년 전
음... doctype 설정이 달라서...는 아닐까용?
12년 전
소스 고대로 복사하고,
js 랑 css 의 path 만 추가한건데....
지금도 계속 파고 있는중입니다..ㅠㅠ
js 랑 css 의 path 만 추가한건데....
지금도 계속 파고 있는중입니다..ㅠㅠ
게시글 목록
| 번호 | 제목 |
|---|---|
| 6256 | |
| 6255 | |
| 6254 | |
| 19430 | |
| 6253 | |
| 6252 | |
| 27670 | |
| 6249 | |
| 6246 | |
| 6242 | |
| 6241 | |
| 19429 |
JavaScript
자바스크립트로 이미지 롤링 관련 문의드립니다.
|
| 6238 | |
| 6237 | |
| 19426 | |
| 19413 | |
| 19411 | |
| 6232 | |
| 6227 | |
| 6226 | |
| 6224 | |
| 19408 | |
| 6223 | |
| 6221 | |
| 6220 | |
| 27663 | |
| 6213 | |
| 6212 | |
| 27661 | |
| 27659 | |
| 6209 | |
| 6203 | |
| 6200 | |
| 27654 | |
| 6194 | |
| 6188 | |
| 6180 | |
| 6173 | |
| 6150 | |
| 19407 | |
| 6145 | |
| 6141 | |
| 6138 | |
| 6131 | |
| 27650 | |
| 6128 | |
| 6125 | |
| 6122 | |
| 27648 | |
| 6119 | |
| 6114 | |
| 6109 | |
| 19402 |
JavaScript
위지윅 에디터 만들때 선택영역 풀리는 문제
4
|
| 6108 | |
| 27647 | |
| 6106 | |
| 27642 | |
| 27637 | |
| 6105 | |
| 6101 | |
| 6095 | |
| 6093 | |
| 6091 | |
| 6088 | |
| 27635 | |
| 27634 | |
| 6087 | |
| 27628 | |
| 6083 | |
| 6077 | |
| 24562 | |
| 27614 | |
| 6072 | |
| 6067 | |
| 6065 | |
| 19400 | |
| 19399 |
기타
IE 구분하기
|
| 19398 |
기타
js, css 캐싱 팁
|
| 19397 | |
| 6062 | |
| 27608 | |
| 6057 | |
| 27606 | |
| 19396 |
JavaScript
롤링 배너 이해하는데 도움이 될것 같아 올립니다
|
| 6054 | |
| 27600 | |
| 6048 | |
| 6040 | |
| 6031 | |
| 6028 | |
| 6024 | |
| 27594 | |
| 27593 | |
| 6023 | |
| 6018 | |
| 19395 | |
| 19394 |
PHP
게시판 페이지 관련 글입니다.
|
| 19390 | |
| 19388 |
JavaScript
멀티 체크박스입니다.
1
|
| 19386 |
댓글 작성
댓글을 작성하시려면 로그인이 필요합니다.
로그인하기