今回も最後までマックIEに悩まされたぜ・・・。
今回の発見
グリッドレイアウトにする方法。
#pageHeaderの高さを指定すれば、#preambleと#linkListの高さをそろえることが可能!
今回の不具合箇所
#preambleや#explanationなどの部分、同じ内容だからとまとめて書くとOperaで不具合。
#quickSummaryの背景に絵をいれようとしたけれど、padding-bottomの数字を大きくすると、マックIEで表示がずれてボックスが伸びてしまう(線は途中までしかない)。なのでbodyの背景にいれましたよ・・・。
各ボックスにボーダーを指定してましたが、#participationの右だけ、マックIEでずれる。なので、#containerの背景にやや太目の線を書いた画像を入れて表示。線を太めにするのは、マックでずれる分をカバーするため。