PC表示だと表の幅が100%にならない

Simplicityの特徴 フォーラム 不具合報告 PC表示だと表の幅が100%にならない

このトピックには2件の返信が含まれ、1人の参加者がいます。2 ヶ月、 2 週間前 サフィ さんが最後の更新を行いました。

  • 投稿者
    投稿
  • #56045

    サフィ

    お世話様です。サフィと申します。

    以下URLで表を使用しております。
    http://fxbiginner.com/investment/post-1087/

    <table width=”100%” border=”2″>
    として幅を100%にしており、Wordpressの作成画面では100%表示されますが、
    プレビュー表示および公開画面では100%表示になりません。
    この症状はPC版で発生しておりスマホでは正常に表示されております。
    これに気が付いたのは最近ですが、ブログ開設当初は正常に表示されておりました。
    バージョンを最新版にしても直らずで質問させて頂きました。

    対策方法わかりましたら教えて頂けますと助かります。

    バージョン
    WordPress:4.8.1
    Simplicity:2.6.0.9、子テーマ:20161002
    ブラウザ:Chrome,Safariで確認。PC、iPadで発生。スマホでは正常。
    他テーマ使用では発生せず。
    発生時期は不明ですがブログ立ち上げ時(2016/11月)は発生しておりませんでした。

    以上よろしくお願いいたします。

  • #56046

    かうたっく

    htmlの指定方法が違うようです。

    <table style="width: 100%">

    幅いっぱいに表示する場合で、HTMLにかくならこの指定をすれば反映します。

    ボーダーは下記の指定では反映しませんでした。※キチンとした書き方をすれば反映するかもしれません。
    <table style="width: 100%" "border: solid 2px #ddd">

    またはHTMLを<table>と指定して、style.cssに下記を追記すれば、変更したいとき、いつでも変更可能です。

    table {
    	width: 100%;
    	border: solid 2px #ddd;
    }

    幅100パーセント、ボーダー実線?(ドット・破線などではない線)色の指定

  • #56052

    サフィ

    かうたっくさま

    ご指摘ありがとうございました。

    HTML指定を間違っていることも知らずに質問してしまい失礼致しました。
    以下にしたら正常表示になりました。

    <table style="width: 100%;" border="2">

    ありがとうございました。

トピック「PC表示だと表の幅が100%にならない」への新規返信追加は締め切られています。

スポンサーリンク
アドセンス(大)
アドセンス(大)