表示崩れ
サブPCはとりあえずwinアップデートを済ませただけで
特にいじってないから、IE6のままなのだが
何気なくこのブログを開いてみると、表示がえらい崩れてやがった。
具体的には右サイドメニューががっつり下に落ちちゃってて
おそろしくみっともない有様に。
これはさすがに放置ってわけにもいかんので修正を試みる。
しかしこのテンプレート、多様なレイアウトに対応しているおかげで
修正箇所がだいぶわかりにくい。
CSSの知識もほとんど無いからなおさらだ。
大抵こういう場合はwidthの設定ミスだったりするようなので
それらしい部分を見てみる。
実際にその部分は以下の通り。
———————————————
.layout-three-column #content {
float: left;
width: 585px;
margin: 0 0 10px 0;
border-bottom: 1px solid #666699;
border-left: 1px solid #666699;
border-right: 1px solid #666699;
}
.layout-three-column #links-left-box,
.layout-three-column #links-right-box {
float: left;
width: 185px;
———————————————-
全体幅を960pxにしてあるので
960から585と185×2を引いて5pxあまりで問題なさそうだが
テンプレサイトで調べてみると
サイドバーの余白が15pxらしいので、それを踏まえると足りないといえば足りない。
ということで585→584と185→180にすると、IE6でも正常表示された。
これが１でも増えると下に落ちてしまう。
問題になってるサイドバー余白の部分を縮めれば解決しそうなのだが
その部分がよくわからｎ
まぁだるいのでこれで妥協。
この調子じゃ他のブラウザも表示崩れまくりな気がするが…
めんどくさいのでスルー。