メッセージの編集
タイトル
お名前
本文
少し長くなりますが、宜しくお願い致します。 私は小説の背景色を表紙だけ変えたくて既出の質問を参考にした所、Rudy様が提示されているbodyタグに<body>を記述する方法(すみません、参考にしたスレッドへのリンクの仕方が解りません)で、上下左右共に余白もなく、綺麗に表示されました。 ところが先日、auの閲覧者様から『画面が真っ黒で何も見えない』との報告を頂きました。 背景色を変えているのは表紙だけの筈なのですが、報告によると章の名前は出ているのに、文が何もなく真っ黒らしいのです。 私の携帯はdocomoなのですが、綺麗に表示されています。回答には『docomoさんの場合〜』と書いてあったので、docomoで表示されれば他の機種でも問題なく表示される、と私は解釈したのですが、どうやら私の解釈は違っていたようです。 色々タグをいじってみましたが、私の携帯からは確認が取れません。 そこで、auの方と出来ればSOFTBANKの方からもどう表示されているか、確認して頂きたいのです。 もし間違った記述があれば、ご指摘頂けると大変助かります。 (レイアウトは公開テンプレートをダウンロードし、自分なりにアレンジを加えた物です) どうか、宜しくお願い致します。 ※報告の内容を一部編集しました。 HEAD・HTML詳細 ■XHTML変換 する ■文書宣言 無記入 ■HTMLタグ 無記入 ■HEAD内 <meta http-equiv="Content-Type" content="application/xhtml+xml; charset=Shift_JIS" /> <style type="text/css"> * { font-family:"メイリオ",Meiryo,Osaka,Verdana,Helvetica,sans-serif;} body{ text-align: center; margin:0; padding:0; background-color:#〜;color:#〜;} a:link{color:#〜;} a:visited{color:#〜;} .all { <pc> width: 600px;</pc> margin: 0 auto; padding: 5px; text-align: left; border:solid 1px #dddddd; background-image:url('画像URL'); background-color:#000000; background-position:top center; background-repeat:no-repeat;} .header { <pc> width: 590px;</pc> margin: 0 auto; line-height: 1.5; letter-spacing:3px; font-size:150%;} .main { <pc> width: 590px;</pc> margin: 0 auto; line-height: 1.5; font-size:90%; padding-top:10px; padding-bottom:10px;} .main2 { <pc> float:right; width:485px; padding-left:5px;</pc> margin: 0 auto; font-size:90%; line-height: 1.5;} .text { <pc> width: 585px;</pc> margin: 0 auto; font-size:90%; <pc>line-height: 2;</pc> <nopc>line-height: 1.5;</nopc> letter-spacing:2px;} .side { <pc> float:left; width: 100px;,/pc> font-size:90%;} .menu { <pc> width: 100px;</pc>} .menu a { border:solid 1px #ffffff; letter-spacing: 2px; padding: 3px; <pc> display: block;</pc>} .menu a:hover { border:solid 1px #dddddd;} .footer { <pc> width: 590px; clear:both;</pc> margin: 0 auto; line-height: 1.5; letter-spacing:3px; text-align:right; font-size:70%;} .midashi1{ font-weight:bold;} .chiisai{ font-size:80%;} a{ text-decoration: none; border-bottom:dotted 1px #111111;} a:hover { color:#999999; border-bottom:dotted 1px #999999;} input,textarea,select { color:#111111; background-color:#ffffff; border:solid 1px #999999; padding:1px; font-size:80%;} img { border:0;} br { letter-spacing:0;} </style> ■bodyタグ <body> ■全体レイアウト <div class="main"> <div class="text"> #novel# </div> </div> ■表紙画面レイアウト <style type="text/css">body{background-color:#000000;color:#808080;}</style> <pc><div style="margin 0px"></pc> 注意書 <br /><br /> <a href="#list_url#" class="aka"><span style="color:#FF0000">start</span></a><br /><br /> </div> ■目次画面レイアウト #list#<br /><br /> ■文章画面レイアウト <br /> <div class="midashi1">#title# </div><br /><br /> #text#<br /><br /><br /><br /> <Div Align="center">#prev_←_ # #next_→_ #<br /> <a href="#bkm_url#">bookmark</a><br /> </Div><br /><br />
編集パス
編集
記事削除
- ナノ -