サポート » 使い方全般 » 文中のスペース表示が、ブラウザにより崩れてしまいます。。

  • 解決済 account-planner

    (@account-planner)


    ■制作環境
    OS:Windows7、ブラウザ:Chrome

    ■対象ページ
    http://mynori.co.jp/company/

    ■現象
    固定ページの文中にて、空白にする為「スペース」を複数を使用していますが
    ブラウザにより「スペース」による文中の空白幅に違いが出てしまい困っております。

    Chromeでは表示問題ないが、IEでの表示は崩れてしまっている状況。IEで制作すると、Chromeでの表示が崩れてしまうという、逆もしかりの状況です。
    正しい表示の仕方をお教えいただけますと、大変幸いです。 

    営業職なのですが、自社のコーポレートサイト作成をしております。上司から「勉強のためにも、社内にて質問せず自主解決するように!」との指示もあり、こちらで質問させて頂いております。

    ■具体的内容
    【正式表記 chrome】
    ====================================
    社名       株式会社○○
    英文社名     ○○,Inc.
    役員       代表取締役○○
    本社所在地   東京都○○
    ====================================
    ↑上記の文中の「社名と株式会社○○の間」や「本社所在地と東京都○○の間」の「スペース」の幅が、ブラウザにより幅が変わってしまい、以下の様になります。

    【スペースがずれてしまう:InternetExploler】
    ====================================
    社名       株式会社○○
    英文社名     ○○,Inc.
    役員       代表取締役○○
    本社所在地   東京都○○
    ====================================

    どうぞ宜しくお願い致します。

4件の返信を表示中 - 1 - 4件目 (全4件中)
  • 世話役のメンバー方々から、注意喚起があるご質問かと思われます。
    ブラウザごとによるスペースの違いは、WordPressに原因があるものではありません。
    また、上司の方のおっしゃるとおり、ここにご質問されて解決されるのは自己学習にならないと考えます。
    まぁ、とは言え出し惜しみするほどの物事ではなく。

    スペースではなく、フォントサイズ、マージンを指定するなりテーブルで組むのが良いでしょう。わたしはMacでこの質問を見ていますが、具体的内容のどちらも『役員』の行が『代表取締役』が右にずれているぐらいです。
    これはブラウザの崩れには言えないことと存じます。

    <div style="font-size:1em;margin: 0 auto;">
    ====================================
    <ul style="list-style: none;">
    
    <li><span style="margin-right: 8em;">社名</span>株式会社○○</li>
    <li><span style="margin-right: 6em;">英文社名</span>○○,Inc.</li>
    <li><span style="margin-right: 8em;">役員</span>代表取締役○○</li>
    <li><span style="margin-right: 5em;">本社所在地</span>東京都○○</li>
    ====================================
    </div>

    トピック投稿者 account-planner

    (@account-planner)

    ご回答いただき、ありがとうございました。
    タグを使用したことがなく、違う方法で解決できればと考えておりましたが
    上記頂きました様に、勉強のためにもテーブルで組むことも含め修正してまいりたいと思います。 

    また、「上司にもこちらのサイトで質問しただろう!」とお叱りとあわせ、「Facebookタイムラインに、こちらの件を記載してもらったが、非表示にしようとし間違え消してしまった」とお詫びの伝言依頼があり、あわせてご連絡させていただきます。

    色々と試し、修正していこうと存じます。ありがとうございました。

    参考になったのでしたら、嬉しいです。また、Facebookの伝言ありがとうございます。

    企業紹介の内容程度では、スタイルシートをいちいち入れても表示に負担がかかることはないと思いますが、テーブルは入り組んだ構造にしてしまうとアクセス表示に時間がかかることにも成ります。スペースで文字を埋めるのも、それだけ読み込むことになるので似ています。
    クラスを決めて、スタイルシートだけを別ファイルにするほうが宜しいと思えます。

    どうぞ、スタイルシートの勉強をされますように期待しています。サイトがどう、今後進展するか定期的に訪問させて頂きます。上司の方にも、いきなりのご無礼お詫び下さい。

    トピック投稿者 account-planner

    (@account-planner)

    スタイルシートの実装まで継続できるか。。という点はありますが、
    まずはテーブルを組むことから始められればと思います。
    また、個人的には本件をきっかけに「wordpress,orgで質問するまで困ったなら,社内で聞いて大丈夫。」との話もあり、教えてもらいやすくなり幸いでした(笑) 上司は、逆に失礼を。。と改めて言っておりました。 いろいろと、ご丁寧にお教えいただき有難うございました。

4件の返信を表示中 - 1 - 4件目 (全4件中)
  • トピック「文中のスペース表示が、ブラウザにより崩れてしまいます。。」には新たに返信することはできません。