締切済み

terapadの使い方について

2013/12/21 14:51

terapadでhtmlとCSSを書いてます。5本のhtmlファイルに共通するCSSはちゃんとｌIEに反映されるのですが、個別のhtmlファイルに関するCSSが反映されません。IEの問題かと思うのですが、どうすれば解決できるのでしょうか？

waka_arang
お礼率0% (0/4)

CSS
回答数4
ありがとう数0

みんなの回答 （4）
専門家の回答

みんなの回答

ORUKA1951
ベストアンサー率45% (5062/11036)

2013/12/30 19:13 回答No.4

テスト用簡単なサンプル ★タブは＿に置換してあるので戻す。 [HTML4.01strict] <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html lang="ja"> <head> ＿<meta http-equiv="content-type" content="text/html; charset=Shift_JIS"> ＿<title>サンプル</title> ＿<meta name="author" content="ORUKA1951"> ＿<meta http-equiv="Content-Style-Type" content="text/css"> ＿<link rev="made" href="mailto:oruka1951@hoge.com" title="send a mail" > ＿<link rel="START" href="../index.html">  ＿<link rel="stylesheet" type="text/css" href="./styleSheet5/persistent.css">  ＿<link rel="stylesheet" type="text/css" media="screen" href="./styleSheet5/outline.css" title="優先スタイル"> ＿<link rel="stylesheet" type="text/css" media="screen" href="./styleSheet5/color.css" title="優先スタイル">  ＿<link rel="Alternate StyleSheet" type="text/css" media="screen" href="./styleSheet5/alternate.css" title="反転">  ＿<link rel="StyleSheet" type="text/css" media="screen" href="./styleSheet5/page1.css" title="優先スタイル">  ＿<link rel="styleSheet" type="text/css" media="print" href="./styleSheet5/print.css"> </head> <body> ＿<div class="header"> ＿＿<h1>タイトル</h1> ＿＿<p>このページでは・・・・</p> ＿</div> ＿<div class="section"> ＿＿<h2>見出し</h2> ＿＿<p> ＿＿＿terapadでhtmlとCSSを書いてます。5本のhtmlファイルに共通するCSSはちゃんとｌIEに反映されるのですが、個別のhtmlファイルに関するCSSが反映されません。IEの問題かと思うのですが、どうすれば解決できるのでしょうか？＿＿</p> ＿＿<div class="nav"> ＿＿＿<ol> ＿＿＿＿<li><a href="/">Top</a></li> ＿＿＿＿<li><a href="/sample/page1">Page1</a></li> ＿＿＿＿<li><a href=".sample/page2">Page2</a></li> ＿＿＿</ol> ＿＿</div> ＿</div> ＿<div class="footer"> ＿＿<h2>文書情報</h2> ＿＿<dl class="documentHistry"> ＿＿＿<dt id="FIRST-PUBLISHED">First Published</dt> ＿＿＿<dd>2013-12-20</dd> ＿＿＿<dt id="LAST-MODIFIED">Last Modified</dt> ＿＿＿<dd>2013-12-29 12:00:00 (JST)</dd> ＿＿</dl> ＿＿<address>© ORUKA1951 2012 - 2016 All Rights Reserved mailto:*****</address> ＿</div> </body> </html> [outline.css] @charset "Shift_JIS"; div.header,div.section,div.footer{width:80%;min-width:620px;max-width:900px;margin:0 auto;padding:5px;} div.section{position:relative;min-height:400px;} div.section h2,div.section p{margin-right:21%;} div.section div.nav{position:absolute;right:0;top:0;height:100%;width:20%;} [persistent.css] @charset "Shift_JIS";html,body{margin:0;padding:0;} h1,h2,h3,h4,h5,h6,p{margin:0;line-height:1.8em;} p{text-indent:1em;} [color.css] @charset "Shift_JIS"; body{background-color:silver;} div.header,div.section,div.footer{background-color:white;} div.section div.nav{background-color:yellow;} [alternate.css] @charset "Shift_JIS"; body{background-color:silver;} div.header,div.section,div.footer{ background-color:navy; color:white; width:90%;min-width:620px;max-width:1000px;margin:0 auto;padding:5px; } a:link{color:yellow;} [page1.css] @charset "Shift_JIS"; body{background-color:gray;} div.header,div.section,div.footer{background-color:rgb(220,255,255);} div.section div.nav{background-color:yellow;} div.section p{z-index:100;} div.section p:after{content:"\A このページ専用のスタイルシートが適用されています";white-space:pre;color:red;font-weight:bold;font-size:1.6em;} [print.css] @charset "Shift_JIS"; body{width:80%;margin:0 auto;} a{color:black;text-decoration:none;} a[href]:after{content:"\A (http://hoge.com"attr(href)")";white-space:pre;} div.section div.nav:before{content:"サイトマップ\A";font-size:1.6em;font-weight:bold;white-space:pre;} div.section div.nav{width:80%;margin:20px auto;border:solid 1px gray;}

ORUKA1951
ベストアンサー率45% (5062/11036)

2013/12/29 14:00 回答No.3

他のブラウザではちゃんと動作するのですか？それを、まず確認しないとＩＥが原因か否かは判断できません。

kaisinjuku04
ベストアンサー率46% (743/1584)

2013/12/21 17:54 回答No.2

質問内容がもう一つ不明なのですが、原因はちゃんとリンクされていないことでしょう。リンク先が正しいなら、その正しいリンク先にCSSを置いていない。 CSSの置き場所が正しいなら、参照先の記述が間違っている。「abｃd,css」などドットがカンマになっていて、CSSとして機能していないという可能性もあり。

質問者