スタイルシートのトラブルメモ／背景の中央揃えができない＆表がセンタリングされない＆表の背景がずれる 2008年5月23日 in楽天ブログ

スタイルシートでトラぶったので備忘録。

・縦に繰り返しの背景画像を、中央に置きたい。
・テーブルがあり、これも中央に。

ところが、こうなってしまう。(黒は画面の余白＝背景画像なし部分)



【見直し】
bodyのスタイルに「align=center」と「マージン=0 auto」
一番初めにdiv枠を。styleは「background-image : url(hoge.jpg)」「background-repeat : repeat-y」「margin: 0 auto」「width : 画像サイズpx」と、「align="center"」の指定

で、こうなった。。。
（青枠が表の文字部分。背景は左寄せ？で青枠部分と重なる部分のみ表示されている状態）


悪さをしてたのはこいつだぁ！
tableタグのstyleに「background-attachment : fixed」ってこんなのいつの間に。。。記憶に無かった。。。
こいつを取ると無事終了。

参考情報:Web標準普及プロジェクト
Web標準化Tips ブロックレベル要素をセンタリングする方法