11/1 「Wants Cake」　IE6対策　＆再アップ

CSS

CSS IE6対策

  • 拡大しないようにリセットに下記指定する。

　｛
margin: 0;
padding: 0;
zoom: 1; /*IE6対策*/
}

  • センターにするためにbodyに下記指定する。

body {
text-align: center; /*IE6対策*/
}

  • 文字もセンターになってしまうので、containerに下記指定する。

#container {
text-align: left; /*IE6対策*/
}

  • その他の調整は値の先頭にアスタリスク「*」を付与（CSSハック）して調整する。

#sidebar {
margin: 0 0 0 20px;
*margin: 0 0 0 18px;
}

上記の対策をしながら、CSSのミスを発見、修正で又々時間がかかってしまった。又４枚作ってしまったCSSを１枚にまとめるところでも手間取ってしまった・・・・
やはりグループ分け、idやclassの名前の付け方など最初が肝心だとつくづく思った。
でもなぜか上のnavの店舗案内とお問い合わせの間が空いてしまいます。
取り敢えず課題サイトにアップし直しました。