WordPressのレイアウト崩れの原因がわからない!?

スポンサードリンク

レイアウト崩れの原因はtableタグ!?

当ブログの右サイドバーがレイアウト崩れでメインコンテンツの下に表示されてしまう…。

レイアウトが崩れてしまうページは限定されていて次のページです。
トップページ
第26回SBI債が1.60%(1年満期)で抽選受付中です!
9月に引退するE1系上越新幹線「Maxとき」に乗ってきました!

多分、共通するのは、tableタグで表を作成したからかな~と思ってはいるのですが…
解決策が見当たりません。

このサイトの症状と同じです。↓
tableタグのセル内で半角英数字が連続し、レイアウトが崩れる場合の対処(word-break:break-all)

対処方法は、
tableタグにstyle=”word-break:break-all”を追加するだけ。
というもの!

こちらが有力かなと思ってやってみたのですが、改善しません。
引き続き原因を究明していきたいと思います。
とりあえず、メモを残しておきました。

応援よろしくですm(__)m

人気ブログランキングへ


スタイルシートを利用したhtmlテーブル(table)タグ作成ツール

スポンサードリンク

ブログの中で表を作ろうと思ってもhtml勉強中だが…
タグの手打ちはとてもめんどくさいし、レイアウトもかっこ悪いし…

初心者にもやさしい 簡単HTML作成

こちらのサイトの「スタイルシートを利用したhtmlテーブルタグ作成ツール」でtable表形式のレイアウトを簡単に作成することができました。

枠線の色や文字の色、背景色と行・列数の指定で、デザインされた一覧表のhtmlが簡単に自動作成されます。

少し自分の思い通りに手直しして完成!!

ホントはSEO対策で、CSSファイルを直接修正したかったんですが、このブログテンプレートのCSSが外部参照になっているので、手に負えず…

記事本文にスタイルシートを記載しています。

もうちょっとCSSとphpの勉強しなければ…!!