묻고답하기

  2. Support
  3. 묻고답하기

ie에서 다르게 나와요ㅠㅠ style.css가 안 읽히는 것 같아요 (파일 첨부)

2010.12.19 22:15

mulen

방금 전에도 질문 올렸는데, 제가 좀 수정을 해보다가 다시 한 번 질문드립니다(__)

일본에서 템플릿이 올라온 걸 개인적으로 수정해서 쓰려고 하고 있어요.


드림위버에서 작업했구요

div tag 요렇게 점선으로 된 걸 그냥 사용해서 레이아웃 만들어서 적용시키니까 ie에서 안 나와서; 

서식이 다 깨져서 나오더라구요.. 크롬에선 잘 나오던데ㅠㅠ;


그래서 div 레이어를 그려서 그 안에다가 원래 있떤 내용물을 집어 넣어서 어떻게 자리는 잡았습니다.


근데 자리를 잡고 나니까 이번엔 원래 적용되었던 style.css 파일이 ie에서 안 불러와지는 것 같습니다;

글자 서식이 하나도 적용이 안 된채로 아무렇게나 나오네요. style.css에서 지정한 이미지도 안 불러와지구요.

크롬에서는 여전히 잘 나오고 있어요... 


설명이 제대로 되었나 모르겠어요ㅠㅠ;;

어떻게 해야 style.css 파일을 적용 시킬 수 있을까요?


아래에 스샷과 등등 올리겠습니다.


답변 부탁드리겠습니다(__)


+)005lzh -> sample2.html <<원래 템플릿 파일입니다.





<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

<html lang="ja">

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8">

<meta http-equiv="Content-Style-Type" content="text/css">

<!-- designed by starlit * http://sky.starlit.biz/ 2008/005 //-->

<title>-ここにHPタイトルをどうぞ-</title>

<link rel="stylesheet" href="style.css" type="text/css">

<style type="text/css">

<!--

#Layer1 {

position:absolute;

left:4px;

top:0px;

width:345px;

height:754px;

z-index:1;

}

#Layer2 {

position:absolute;

left:352px;

top:0px;

width:455px;

height:145px;

z-index:2;

}

-->

</style>

<link href="*" rel="stylesheet" type="text/css">

</head>

<body>

<!-- ********** 左ブロック ********** -->

<div id="Layer1">


<!-- ヘッダー -->

<h1>&gt;&gt;&nbsp;Your Site Title</h1>

<h2>(非表示ですが何か文を入れて下さい)</h2>

<hr>

<!-- ヘッダー -->



<!-- メニュー -->

<ul id="menu">

<!-- メニュー増減ここから↓ -->

<li><a href="memo.html" title="日記">memo</a></li>

<li>/</li>

<li><a href="sample1.html" title="サンプル1">sample1</a></li>

<li>/</li>

<li><a href="sample2.html" title="サンプル2">sample2</a></li>

<li>/</li>

<li><a href="link.html" title="リンク">link</a></li>

<li>/</li>

<li><a href="index.html" title="戻る">Re</a></li>

<li><img src="img/h-1.gif" width="17" height="15" alt=""></li>

<!-- メニュー増減ここまで↑ -->

</ul>

<hr>

<!-- メニュー -->



<!-- パンくず -->

<ul id="pan">

<li><a href=" title="拍手">CLAP!</a></li>

<li>|</li>

<li><a href="memo.html" title="拍手レス">RES</a></li>

</ul>

<!-- パンくず -->



<!-- メイン -->

<h3>右ブロックがあるページ</h3>

<p><br>

<iframe src="http://rottenrope.oranc.co.kr/zbxe/?mid=main2"frameborder="0"name="main"class="m"width="300"height="430"></iframe></p>



<!-- メイン -->



<div class="bar">&nbsp;</div>


<ul class="pagetop">

<li>[<a href="index.html">SITE TOP↑</a>]</li>

</ul>



</div>

<!-- ********** 左ブロック ********** -->

</div>


<div id="Layer2"><!-- ********** 右ブロック ********** -->

<div id="wrapper">



<div class="bar"><img src="img/h-1.gif" width="17" height="15">&nbsp;サンプル</div>



<!-- メイン -->

<div class="title"><!-- 컨텐츠 시작 -->

            {$content}

  </div>

<!-- メイン -->



<div class="bar">&nbsp;</div>


<ul class="pagetop">

<li>[<a href="sample2.html">PAGE TOP↑</a>]</li>

</ul>



</div>

<!-- ********** 右ブロック ********** -->

</div>

<div id="contents">







<!-- ********** フッター ********** -->

<hr>

<ul id="footer">

<li><a href="http://mintblue.vivian.jp/" target="_blank" title="写真素材">Photo by ミントBlue</a></li>

<li>|</li>

<li><a href="http://sky.starlit.biz/" target="_blank" title="テンプレート">Template by Starlit</a></li>

</ul>

<!-- ********** フッター ********** -->

</body>

</html>




------------------------------------------------------------------------------------------------------------------------

@charset "UTP-8";

/* 全?セレク?--------------------------------------------- */

*{
margin:10;padding:10;
font:normal normal normal 11px dotum;
border:none;
}

/* 全?----------------------------------------------------- */

body {
height:100%;
color:#6f594e;/* 文字色 */
background:url(img/menu.gif)undefinedundefinedundefinedundefined;/* 背景?像指定 */
}

html {
height:100%;
scrollbar-arrow-color:#ff9999; 
scrollbar-face-color:#ffffff;
scrollbar-highlight-color:#ffffff; 
scrollbar-3dlight-color:#ffcccc;
scrollbar-track-color:#ffffff;
scrollbar-shadow-color:#ffcccc;
scrollbar-darkshadow-color:#ffffff;
}

/* リンク指定----------------------------------------------- */

a{text-decoration:none;}
a:link,a:active{color:#ff9999;}
a:visited{color:#ff9999;}
a:hover{color:#dea843; position:relative;top:1px;left:1px;}

/* フォント指定--------------------------------------------- */

em {font-weight:bold;}
strong {color:#dea843;font-size:11px;font-weight:bold;}
del {text-decoration:line-through;}/* 削除 */
ins {text-decoration:none;border-bottom:1px solid #dea843;}/* 追加 */
b {color:#ffffff;}/* 白文字 */

/* 他指定--------------------------------------------------- */

hr {display:none;}/* 非?示 */
ul li {list-style:none;}/* ??カ?非?示 */


/* ********************************************************* */
/* レイアウト */
/* ********************************************************* */


/* 左ブロック */
#contents {
float:left;
width:334px;/* 左ブロック?幅 */
margin:0px 0px 20px 0px;
text-align:left;
background:url(img/h-line1.gif) repeat-y left #ffffff;/* 左側のドットラインと背景色 */
border-bottom:1px solid #fffffff;
}


/* 右ブロック */
#wrapper {
float:left;
width:462px;/* 右ブロック?幅 */
margin:0px 0px 20px 0px;
text-align:left;
background:url(img/h-line2.gif) repeat-y left #ffffff;/* 左側のドットラインと背景色 */
border-bottom:1px solid #fffffff;
}


/* ********************************************************* */
/* 詳細指定 */
/* ********************************************************* */


/* 見出し1-------------------------------------------------- */

/* サイト?イトル */
h1 {
font-size:90%;
margin-left:20px;
padding-top:10px;
font-family:Osaka,Verdana;
}

/* トップ?像?示 */
h2 {
width:310px;
height:100px;
margin:5px 0px 8px 18px;
background:url(img/top1.jpg) no-repeat;/* ?像 */
text-indent:-9999px;/* 文字を?面外に飛ばしてます */
overflow:hidden;
}
/* ↑?像のサイズに合わせて?幅?幅を指定してください */

/* メニュ?------------------------------------------------- */

ul#menu {
height:22px;
padding:3px 8px 0px 0px;
background:url(img/menu.gif)undefinedundefinedundefinedundefined;
border-top:1px solid #fffffff;
border-bottom:1px solid #fffffff;
text-align:right;
}

ul#menu li {
color:#ff9999;
font-size:120%;
font-family:"Century Gothic,Osaka";
display:inline;
}

/* メニュ?用リンク */
#menu a:link,#menu a:active{color:#ff9999;font-size:100%;}
#menu a:visited{color:#ff9999;font-size:100%;}
#menu a:hover{color:#dea843;font-size:100%;position:relative;top:1px;left:1px;}

/* パンくず----------------------------------------------- */

ul#pan {
color:#ff9999;
text-align:right;
margin:5px 10px 15px 0px;
}

ul#pan li {display:inline;}/* ??び */

/* 見出し2-------------------------------------------------- */

/* 左ブロック各?イトル */
h3 {
font-size:120%;
font-family:Tahoma,Century Gothic,Osaka;
margin:5px 0px 5px 0px;
padding-left:29px;
border-bottom:1px dashed #fffffff;
background:url(img/h-2.gif) no-repeat center left;
}

/* 右ブロック?イトル */
h4 {
font-size:130%;
color:#dea843;
font-weight:bold;
margin:10px 0px 10px 20px;
}

/* 小見出し(右ブロックのみ) */
#wrapper .title {
font-size:130%;
font-weight:bold;
margin:15px 15px 10px 20px;
border-bottom:0px solid #6f594e;
}

#wrapper .title p {margin:0;}

/* バ?を付ける--------------------------------------------- */

.bar {
height:24px;
line-height:24px;
font-size:130%;
font-family:Century Gothic,Osaka;
margin:15px 0px 0px 0px;
padding-left:5px;
background:url(img/menu.gif)undefinedundefinedundefinedundefined;
border-top:1px solid #fffffff;
border-bottom:1px solid #fffffff;
}

/* P段落---------------------------------------------------- */

/* 左ブロック用 */
#contents p {
line-height:170%;
margin:8px 15px 20px 29px;
}

/* 右ブロック用 */
#wrapper p {
line-height:170%;
margin:5px 15px 30px 20px;
}

/* 文字を大きくする */
p.text {
font-size:120%;
line-height:200%;
}

/* ?飾BOX */
p.box {
padding:10px 10px;
border:3px double #fffffff;
}

/* P?リンク */
p a {font-size:100%;}

/* リスト--------------------------------------------------- */

ul li {margin:0;}

/* 左ブロック用 */
#contents ul.list01 {
margin:8px 15px 5px 29px;
list-style:circle inside;
}

#contents ul.list01 li {
padding:1px 0px;
list-style:circle inside;
}

/* 右ブロック用 */
#wrapper ul.list02 {
margin:5px 15px 5px 20px;
list-style:circle inside;
}
#wrapper ul.list02 li {
padding:1px 0px;
list-style:circle inside;
}

/* ?りリンク----------------------------------------------- */

ul.pagetop {
margin:10px 15px;
text-align:right;
}

ul.pagetop li {
display:inline;/* ??び指定 */
color:#ff9999;
margin:0px 2px;
}


/* ********************************************************* */
/* フッ?? */
/* ********************************************************* */


/* 下記の「clear:both;」で左右ブロックのfloatを解除してます。削除しないようにお願いします */
ul#footer {
clear:both;
padding:10px 0px 20px 0px;
text-align:center;
border-top:0px solid #fffffff;
border-bottom:0px solid #fffffff;
background:#ffffff;
}

ul#footer li {
display:inline;
color:#ff9999;
margin:0px 0px;
}


/* ********************************************************* */


-----------------------------------------------------------------------------------------------------------------------

qqq.PNGqqq2.PNG




이 게시물을
좋아요
목록
글쓴이 제목 최종 글
XE 공지 글 쓰기,삭제 운영방식 변경 공지 [16] 2019.03.05 by 남기남
한라하르방 localhost 주소로 변하는 문제 [2] 2009.04.24 by 한라하르방
오병한 아이디/비밀번호찾기 e-mail 전송관련 오류 해결해주세요..ㅠㅠ file  
슬픈영혼483 로그인폼 위치를 아래쪽으로 내리고 싶습니다. (끌어올리기) [1] file 2009.04.24 by 넨네
앤디 XE 설치 관련...질문 드립니다. [2] 2009.04.24 by 앤디
수환아빠 홈페이지 첫화면에 제로보드가 나오게 하고 싶어요 [2] 2009.04.24 by 수환아빠
dkrnahs 홈페이지 접속.......... [6] file 2009.04.24 by dkrnahs
이상렬317 사이트 메인페이지 사라짐(백지현상) [6] 2009.04.24 by nury.kr
위피 스킨 제작중인데 div 관련 질문입니다 [1] 2009.04.24 by June Oh
정정훈188 테스트 모듈 이라는 게시판 삭제.. [1] 2009.04.24 by flyingDOG
샴푸 Group by 를 사용한 SQL 문의 페이지 네비게이션에 대해. [3] 2009.04.24 by 샴푸
1111 회원가입시나 수정시 닉네임/ID /E-mail 은 중복체크를 하자나요 . 이름도 가능할까요?  
웰즈 1.1.5 -> 1.2.1 업뎃할 때....... [2] 2009.04.24 by 웰즈
parksungho 게시판 글쓰기 / 내용직접쓰기에서 에디터 js나 ifreme가 입력이 안됩니다,. [1] 2009.04.24 by 피키4
dkrnahs 홈페이지....... [1] file 2009.04.24 by 피키4
빅스타 게시판 글씨색이 이상해여; [1] 2009.04.25 by 피키4
최소영329 회원가입시나 수정시 닉네임/ID /E-mail 은 중복체크를 하자나요 . 이름도 가능할까요? [1] 2009.04.25 by 홈리스
☆쫑 관리자 설정 오류 [1] file 2009.04.25 by 피키4
darkcat XE 게시판스킨 따라만들기같은 게시물은 없나요?  
strikerr zbxe 에서 스팸성 댓글 일괄 삭제 방법  
JRiver 홈페이지 스킨 제작을 의뢰하고 싶습니다.  
suwoongaaa 스크롤이 죽어도 안 없어져요.ㅜㅜ [1] 2009.04.25 by qww
아기둘 Unknown column ''grants'' in ''filed list'' [3] 2009.04.25 by mr007
비공개1 이게 무슨 경고져 ?? file  
dkrnahs 홈페이지 접속(저는 참고로 초보입니다........^^;;) [1] file 2009.04.25 by 넨네
건즈 svn checkout 실행시 발생한 이 에러는.. [4] file 2009.04.25 by 건즈
쌈꾼 여기 샘플사이트에서  
건즈 상자위젯 폭이 너무 커서 삭제할 수가 없는데요 [2] file 2009.04.25 by 건즈
별빛효과 특정 프레임만 고정되게 할 수 없나요? [1] 2009.04.25 by darkcat
darkcat 레이아웃강좌는 있는데 게시판 모듈 스킨 강좌는 없네요....  
SA4536 마이그레이션 관련 질문입니다 [1] 2009.04.25 by 얼음
태그 쓰기