html화일 열기가 이상합니다.

[신입사원2]

안녕하세요.

일찍 퇴근해서 술 안마시고 건전하게,ㅎㅎ

하루종일 회사에서 헤메던 걸 해봤는데, 원인은 대충 알거 같은데.

그걸 해결할 수는 없네요.

즉, tab을 구현하는데, 어느 순간부터 갑자기 tab이 엉망으로 나오더라고요.

내가 소스를 뭘 건드렸나, 고민 고민하는데,

1) 회사꺼, 집에꺼 둘다 XP환경입니다.

2) 브라우져는 chrome을 사용하고요. 

3) 테스트하는 화일은 C:\b107.html 입니다.

4) 테스트하는 방법은 탐색기에서 C:\b107.html을 더블클릭합니다.

그런데, 탐색기에서 더블클릭을 하면

Chrome에서는 어느 순간부터 이렇게 열립니다. 그러니까 주소창에 "file:///" 이렇게 바뀐거죠 ?

그래서, 인터넷익스플로어로 열어봤죠.

그랬더니, 내가 원하는 것처럼 이쁘게 잘 나옵니다.

즉, 여기서는 주소가 "file:...."이런 식으로 안바뀌는 거죠.

요걸 해결할려면 어떻게 해야 하는지요...

참...어렵네요..ㅎㅎ

소스는 다음 같습니다.

<!doctype html>

<html lang="ko">

<head>

  <meta charset="utf-8">

  <title>B107.html</title>

  <link rel="stylesheet" href="http://code.jquery.com/ui/1.11.1/themes/smoothness/jquery-ui.css">

  <script src="http://code.jquery.com/jquery-1.10.2.js"></script>

  <script src="http://code.jquery.com/ui/1.11.1/jquery-ui.js"></script>

  <link rel="stylesheet" href="/resources/demos/style.css">

  <script>

  $(function() {

    $( "#tabs" ).tabs();

  });

  </script>

</head>

<body>

<div id="tabs">

  <ul>

    <li><a href="#tabs-1">기초관리</a></li>

    <li><a href="#tabs-2">Proin dolor</a></li>

    <li><a href="#tabs-3">Aenean lacinia</a></li>

  </ul>

  <div id="tabs-1">

    <p>Proin elit arcu, rutrum commodo, vehicula tempus, commodo a, risus. Curabitur nec arcu. Donec sollicitudin mi sit amet mauris. Nam elementum quam ullamcorper ante. Etiam aliquet massa et lorem. Mauris dapibus lacus auctor risus. Aenean tempor ullamcorper leo. Vivamus sed magna quis ligula eleifend adipiscing. Duis orci. Aliquam sodales tortor vitae ipsum. Aliquam nulla. Duis aliquam molestie erat. Ut et mauris vel pede varius sollicitudin. Sed ut dolor nec orci tincidunt interdum. Phasellus ipsum. Nunc tristique tempus lectus.</p>

  </div>

  <div id="tabs-2">

    <p>Morbi tincidunt, dui sit amet facilisis feugiat, odio metus gravida ante, ut pharetra massa metus id nunc. Duis scelerisque molestie turpis. Sed fringilla, massa eget luctus malesuada, metus eros molestie lectus, ut tempus eros massa ut dolor. Aenean aliquet fringilla sem. Suspendisse sed ligula in ligula suscipit aliquam. Praesent in eros vestibulum mi adipiscing adipiscing. Morbi facilisis. Curabitur ornare consequat nunc. Aenean vel metus. Ut posuere viverra nulla. Aliquam erat volutpat. Pellentesque convallis. Maecenas feugiat, tellus pellentesque pretium posuere, felis lorem euismod felis, eu ornare leo nisi vel felis. Mauris consectetur tortor et purus.</p>

  </div>

  <div id="tabs-3">

    <p>Mauris eleifend est et turpis. Duis id erat. Suspendisse potenti. Aliquam vulputate, pede vel vehicula accumsan, mi neque rutrum erat, eu congue orci lorem eget lorem. Vestibulum non ante. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Fusce sodales. Quisque eu urna vel enim commodo pellentesque. Praesent eu risus hendrerit ligula tempus pretium. Curabitur lorem enim, pretium nec, feugiat nec, luctus a, lacus.</p>

    <p>Duis cursus. Maecenas ligula eros, blandit nec, pharetra at, semper at, magna. Nullam ac lacus. Nulla facilisi. Praesent viverra justo vitae neque. Praesent blandit adipiscing velit. Suspendisse potenti. Donec mattis, pede vel pharetra blandit, magna ligula faucibus eros, id euismod lacus dolor eget odio. Nam scelerisque. Donec non libero sed nulla mattis commodo. Ut sagittis. Donec nisi lectus, feugiat porttitor, tempor ac, tempor vitae, pede. Aenean vehicula velit eu tellus interdum rutrum. Maecenas commodo. Pellentesque nec elit. Fusce in lacus. Vivamus a libero vitae lectus hendrerit hendrerit.</p>

  </div>

</div>

</body>

</html>

기초가 없으니까...힘드네요.

좀 지나면 금방 좋아 질 것으로 믿습니다.

ㅎㅎ

한 수 부탁드립니다.

[심재운]

크롬에서 테스트 하실려면 iis 환경에 사이트 생성해서 localhost 경로를 통해 하시면 될거라 추측합니다.

[신입사원2]

넵 감사합니다.

[julian]

동감. iis로 테스트하셔야 합니다.
저렇게 보는건 의미없어요..

[신입사원2]

감사합니다.

[퓨전마법사]

훗.. 다들... 틀렷어요..... 저렇게도 됍니다.. 경로가 틀려서 그렇지.. 저렇게 봐도 돼요. 작업을 좀 더 해줘야 하지만
작업이라는게 대단한게 아닙니다. <link rel="stylesheet" href="http://code.jquery.com/ui/1.11.1/themes/smoothness/jquery-ui.css"> 이거는 인터넷 주소니까 알아서 가져오구요.. <link rel="stylesheet" href="/resources/demos/style.css"> 이것만 <link rel="stylesheet" href="resources/demos/style.css"> 이렇게 바꾸세요..
href=" <-- 슬러쉬만 빼면 정상적으로 나옵니다. file타입으로 봤을때 절대 경로로 주면 안돼요.. 그냥 폴더위치에 폴더 명 바로 쓰면 됩니다.

[퓨전마법사]

음하핳하하 다 틀렷어요 다.. 음하하하 나만 맞았다 음하하하 나만.. 난 관대하다~~~~ 으아아아아.. ㅋㅋㅋㅋ 비가 와서 그런지 슬슬 제가 미쳐가네요.ㅋ.ㅋㅋ 그리고 가능하면 재운 쥴리아님 말씀처럼 iis 에서 테스트 하는게 더 좋긴해요^^
iis 설치하고 셋팅하다가 일 못하는것보다는 간단하게 확인할때는 저렇게 하면 됀다는 방법을 알려드린거니까요
까악~~~~~~~~~ 심심해요 놀아주세요~~~~

[신입사원2]

넵 감사합니다. 출근하는데로 테스트 해보겄습니다.