メッセージの編集
お名前
本文
>ありたま様 返信が遅くなって申し訳ありません。アドバイスありがとうございます。 text-align: center;のタグですが、leftにするとパソコンから見た時に全部が左に寄ってしまいました。 携帯では綺麗に表示されたのですが、やっぱりパソコンからも見やすいサイトを目指したいので、自分なりにタグをいじくってみた結果、以下のレイアウトにしてみました。 相変わらず自分のDoCoMoでは問題なく表示されております。パソコンからも問題ありませんでした。 ありたま様が提示して下さった >Rubyさんの最初の回答の 小説本文最初に <style type="text/css">body{margin:0;padding:0;background-color:#000000;color:#ffffff;}</style><div style="background-color:#000000;color:#ffffff;"> 〜本文〜 本文最後に </div> という方法ですが、BODYタグに<body>を入力しないとやはりDoCoMoでは余白が空いてしまいました。 これでも見えないという報告があったら、余白か背景色を変える事自体を諦めるしかないのでしょうか…。 とりあえずはこのレイアウトで、もう一度閲覧者様の報告を待ってみようと思います。連絡が来次第、結果を報告しに参ります。 ありたま様、pcの匿名様、たくさんのアドバイスありがとうございました。 ■共通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;} ■デフォルトのHAED内タグ 出力する ■共通上下表示テキスト 無記入 ■文書型宣言 無記入 ■HTMLタグ 無記入 ■HEAD内 body { text-align: center; padding:5px;} .all { <pc> width: 600px;</pc> margin: 0 auto; padding: 5px; text-align: left; border:solid 1px #dddddd; .header { <pc> width: 590px;</pc> margin: 0 auto; line-height: 1.5; letter-spacing:3px; font-size:150%;} .main { <pc> width: 590px; margin: 0 auto; line-height: 1.5; font-size:90%;</pc> <nopc> width: 210px; margin: 0 auto; line-height: 1.5; font-size:73%;</nopc> text-align: left; padding-top:10px; padding-bottom:10px;} .text { <pc> width: 585px; margin: 0 auto; font-size:90%; line-height: 2.5; letter-spacing:2px;}</pc> <nopc> width: 210px; margin: 0 auto; line-height: 1.5; font-size:73%; letter-spacing:2px;}</nopc> text-align: left; .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%;} img { border:0;} br { letter-spacing:0;} </style> ■BODYタグ <body> ■XHTML変換 する ■全体レイアウト <div class="main"> <div class="text"> #novel# </div> </div> ■表紙レイアウト <style type="text/css">body{margin:0;padding:0;background-color:#000000;color:#808080;}</style> <div style="background-color:#000000;color:#808080;"> 〜注意書〜 <a href="#list_url#" class="aka"><span style="color:#FF0000">start</span></a></div> ■目次画面レイアウト #list# ■文章画面レイアウト <div class="midashi1">#title#</div><br /><br /> #text#
編集パス
編集
記事削除
- ナノ -