p_blogのフッターがIE互換表示にしないと表示されない場合の対処

[`evernote` not found]
Bookmark this on Hatena Bookmark
Share on Facebook
LINEで送る

hadacchi が運営していた旧blogの場合,IEやchromeで表示すると記事の箱が背景の箱から溢れてしまい,
blogの一番下に表示されるはずのシグネチャ等が表示されなかった.
CSSの属性が誤っていると思われる.

box要素のレイアウト
事象
divの中に複数列のbox要素を配置した場合,
外枠のdivの高さとして,HTML上で最後に登場する列のbox要素の高さの合計が適用されてしまい,
先に出てきたの列のbox要素の高さの合計が前述の高さよりも高い場合,要素が溢れてしまう.
その後ろに外枠の横方向に横断するbox要素が配置されていると,横に押し退けられてしまう.(右図参照)
対処
外枠(p_blogの場合,wrapper ID)のスタイルシートとして,次の指定を追加する.
max-height: none;

max-height: auto; という,誤った指定でも同じく解消されたので,
この属性がどこかでdivに対して指定されているのかも知れない…が面倒なんで確認しない.