묻고답하기

  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 남기남
정광호975 최근게시물 목록에 게시판이름 표시 못하는지요?  
네네975 제로보드4 글등록 속도에 대해서요 file  
싸나이김 도메인 연결후 DB 가 예전껄로 ...  
소행성 급해요!!! 관리자페이지오류 file  
말라랑칼물렁컹이 모바일 뷰에서 PC 화면으로 보기 버튼은 어떻게 구현하나요??  
asmodeus 특정 사람에게 쪽지를 보낼 수 없게 하고 싶은데..  
RainDrop+ 로그인햇을때... [1] 2010.12.20
CrowTM 게시판마다 익명댓글을 사용하고싶은데..  
투데이 하나의 계정에 2개의 사이트를 운영가능한가요? [4] 2010.12.20 by 이동일636
아빠별 게시판 목록읽기 페이지에서..레이아웃 이미지 경로 문제.. [1] 2010.12.20 by 오르막
싸이코앨리스 에디터 사용 안할수 없나요? [1] 2010.12.20 by 오르막
크리디어 이미지 리사이즈 관련 문의!! [1] 2010.12.20 by 총총
울뜨라 이미지만 다른 서버에 올릴수도 있나요?  
mAkaRios 이거 해킹된 것인가요? [5] file 2010.12.20 by 서찬419
손주사랑 일러스트설치오류 [1] file 2010.12.20 by 이동일636
나우2006 엊그제 부턴가 쉬운설치 업데이트후.. [1] 2010.12.20 by sol
조러쉬 Fatal error: Cannot redeclare class Object 에러 해결방법  
지우529 메뉴 삭제가 안됩니다.  
bec xe를 쓰다가 textyle 을 사용하여 블로그처럼 내용만 나오게  
이동일636 첨부파일 1메가 이상시 message 413 에러 납니다. 도와주세요 file  
싸나이김 도메인 추가 연결관련  
제로보드굿굿 접속자 표시 위젯 질문이요!  
ASIAN-KING 쉬운설치가 안되요. [2] 2010.12.19 by 젠이
칠년이 XE 설치문제, 도와주세요! (수정2) [3] file 2010.12.19 by 배워서남준다
mulen ie에서 다르게 나와요ㅠㅠ style.css가 안 읽히는 것 같아요 (파일 첨부) [1] file 2010.12.19 by 배워서남준다
지우개님 첨부 파일이 사라지는 현상~~~ 고용량.. 화일이  
채영복 게시판 목록 에러가? [1] 2010.12.19 by 배워서남준다
whitemind 레이아웃 스킨을 적용하면 로그인창이 제대로 활성화가 되지 않습니다. [1] 2010.12.19 by 배워서남준다
pr content위젯 내 RSS  
mulen ie에서 레이아웃이 완전히 깨져 보입니다ㅠㅠ [1] file 2010.12.19 by 배워서남준다
태그 쓰기