FC2 blog template by webdesign maf

私が配布しているテンプレートではXHTML1.0で書いている為、下記のようにHTMLファイルの一番上にてXML宣言をしています。

<?xml version="1.0" encoding="EUC-JP"?>

xml宣言をする事によりIE6が後方互換モードになってしまうのですが、IE６用にハックを使いテンプレートのデザインがIE６でも崩れないように対策を取ってCSSを記述している為、問題はありません。

ただ、FC2ブログで記事を書く際に、FC2ブログのツールを使ってフォントサイズを大・中・小などと変えると、標準的なフォントサイズの違いのバグがIE６で出てしまい、上手く反映されないようです。

<?xml version="1.0" encoding="EUC-JP"?>

は必要な表示だと認識していますので、配布テンプレートのソースを改変する予定は立てていません。

<?xml version="1.0" encoding="EUC-JP"?>

を消される方は(FC2ブログの公式テンプレートではxml宣言がありません。)CSSの方も変更する必要がありますのでbasilのテンプレートを元に例と挙げておきます。必ずバックアップを取ってから自己責任で行ってください。

/* 記事カラム*/
#main {
float : right;
width : 520px;
padding-right: 30px
}

html>body #main {
width: 490px;
}

/* 左側のメニューカラム */
#left {
float : left;
padding: 20px 0 15px 30px;
width : 220px;
}

html>body #left {
width: 190px;
}

/* 右側のメニューカラム */
#right {
float : right;
width : 200px;
padding: 20px 30px 15px 0;
}

html>body #right{
width: 180px
}

を

/* 記事カラム*/
#main {
float : right;
width : 490px;
padding-right: 30px
}

/* 左側のメニューカラム */
#left {
float : left;
padding: 20px 0 15px 30px;
width : 190px;
}

/* 右側のメニューカラム */
#right {
float : right;
width : 180px;
padding: 20px 30px 15px 0;
}

テンプレートが気に入った方、カスタマイズ情報が役に立ったという方は『FC2ブログランキング』に1クリックお願い致します！
SEO対策タグ:ブログ　テンプレート　カスタマイズ　無料