スポンサードリンク
レイアウト崩れの原因はtableタグ！？
当ブログの右サイドバーがレイアウト崩れでメインコンテンツの下に表示されてしまう…。
レイアウトが崩れてしまうページは限定されていて次のページです。
＞トップページ
＞第26回SBI債が1.60％(1年満期)で抽選受付中です！
＞９月に引退するＥ１系上越新幹線「Ｍａｘとき」に乗ってきました！
多分、共通するのは、tableタグで表を作成したからかな～と思ってはいるのですが…
解決策が見当たりません。
このサイトの症状と同じです。↓
tableタグのセル内で半角英数字が連続し、レイアウトが崩れる場合の対処(word-break:break-all)
対処方法は、
tableタグにstyle=”word-break:break-all”を追加するだけ。
というもの！
こちらが有力かなと思ってやってみたのですが、改善しません。
引き続き原因を究明していきたいと思います。
とりあえず、メモを残しておきました。
応援よろしくですm(__)m
人気ブログランキングへ
ピンバックありがとうございます。
リンクして頂いたユメーディアブログの中谷です。
ちょっと気になったもので、HTMLソースを見てみたのですが、
テーブルタグ自体が原因ではなく、
テーブルタグの前に<div>の開始タグがあるのですが、それに対応する閉じる</div>タグが無いように思います。
WordPressを使っているかと思いますが、
管理画面でレイアウト崩れを起こしている記事の編集を開き、
[ビジュアル]ではなく[HTML]で編集に切り替え、
</table>のすぐ下に</div>を追加したら直るのではないかと思います。
http://ceo.torasen.net/archives/478
は、「いつでも購入できるようにＳＢＩ証券は口座開設しておくといいですよ！！]の上、
http://ceo.torasen.net/archives/467
は、「上り時刻表」と「９月２９日（土）のラスト運行は、」の2箇所の上あたりになります。
もしそれでも修正出来なかったら、申し訳ありません。
ユメーディアブログの中谷様
コメントでのご指摘ありがとうございました。
を追加しましたら、表示が修正されました。
原因がわからず、あきらめかけていたので、本当に助かりました。
不慣れなhtmlとphpに悪戦苦闘しております。
このブログテンプレートのCSSが外部リンクになっており、
編集できなかったので、自分で表をタグ入れした際に
閉じタグが抜けたのではないかと思います。
ありがとうございました。
torasen