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

PR 2017/9/23

このトピックには2件の返信、1人の参加者があり、最後にサフィにより8年、 8ヶ月前に更新されました。

2件の返信スレッドを表示中

投稿者

投稿
- 2017年9月22日 10:35 PM #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月）は発生しておりませんでした。
  
  以上よろしくお願いいたします。
- 2017年9月22日 11:46 PM #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パーセント、ボーダー実線？（ドット・破線などではない線）色の指定
- 2017年9月23日 1:16 PM #56052
  
  サフィ
  ゲスト
  
  かうたっくさま
  
  ご指摘ありがとうございました。
  
  HTML指定を間違っていることも知らずに質問してしまい失礼致しました。
  以下にしたら正常表示になりました。
  
  <table style="width: 100%;" border="2">
  
  ありがとうございました。
投稿者

投稿

2件の返信スレッドを表示中

トピック「PC表示だと表の幅が100%にならない」には新しい返信をつけることはできません。