forestpage

】さんのロビー
ロビーに戻る 新しいHPを作成 フォレストID設定変更 フォレストサービスを利用する ログアウト

森のフォーラム

フォーラム検索

このカテゴリ内で検索が可能です

フォーラム一覧

トップ >> HTMLタグについて >> スマホでの左右余白の見え方

2件のレスが見つかりました
[1-2]

新しい投稿順 | 古い投稿順

投稿者 親記事
[記事No.655265]スマホでの左右余白の見え方


ID:[project0017]
PC
投稿日時:09/06 16:53

HPアドレス   レスを削除する   違反連絡
皆様こんはにちは。

左右余白や余白、スマホ閲覧、見え方、反映等で検索したのですが見つからなかったので質問させて頂きます。同じ質問がありましまらすみません。

夢小説機能を使用したブックをスマホで編集・更新、確認した際の左右の余白についての質問です。

つい先日まではガラケーで編集・更新し確認していました。その時はガラケーにおいては問題なく左右に余白が作れていました。(ガラケーもスマホも共にドコモです)

しかしスマホに変えてからブックで夢小説を書いた際に、タグで左右に余白を作ったのですが下書き段階のプレビューではちゃんと左右に余白が出来ているのに、いざ書き込み更新してブックを確認してみると全く反映されておらず、ページの幅一杯に文章が展開され、左右の余白がなくなっしまいます。
そして、タグを外すと行間が広くなり左右にも余白が出来ます。しかしタグを外した状態だと機種変前ですが、ガラケー閲覧には反映しておらず、行間や余白がない状態でした。

これはフォレスト様の仕様でしょうか?それとも自分のタグが間違えているのでしょうか?
スマホで上手く反映されていないと言うことは、PCでの閲覧にも反映されていないと言うことでしょうか?
同じタグを新しいページやクッションページ、トップページで使用した際はちゃんとスマホ閲覧でも反映されています。

ちなみに試してみたタグは下記のものです。

行間・左右余白タグ
<div style="line-height:120%; margin:1 1;">おはようございます。おはようございます。おはようございます。</div>

<div style="line-height:120%;"><blockquote style="margin:0em 1em 0em 1em">おはようございます。おはようございます。おはようございます。おはようございます。</blockquote></div>

新しいページやクッションページでは2つ目を使用しています。ガラケーでの編集・更新、確認時も同じです。
長々と質問してしまい申し訳ありませんが、ご教授のほどをよろしくお願い致します。

HPはダミー倉庫です。

投稿者 スレッド
[記事No.655282]Re:Re:スマホでの左右余白の見え方


ID:[project0017]
PC
投稿日時:09/07 11:23

HPアドレス   レスを削除する   違反連絡
記事No.655275への返信
香様、ご教授下さりありがとうございます。

試してみましたらちゃんと反映されました。

後はガラケーでもスマホでも見やすいように余白を調節してみます。

ご丁寧にありがとうございました。
[記事No.655275]Re:スマホでの左右余白の見え方


ID:[koganemushi]
PC
投稿日時:09/07 08:18

HPアドレス   レスを削除する   違反連絡
記事No.655265への返信
marginを0以外の数値で指定する場合、実数+単位、もしくは実数+%で記述する必要があります。
例<div style="line-height:120%;margin:0 10px;">おはようございます。おはようございます。おはようございます。</div>
現在、ブック機能内でスマホにblockquoteやtable等は出力されませんので、余白や行間はすべてdivで指定してください。