昨日のやつ
http://www.hyper-portfolio.com/article/?id=96
こちらを参考にさせていただきましたところ、そのままというわけにはいきませんでしたが、
なんとかできました。
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <style type="text/css"> *{ font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "MS Pゴシック", "MS PGothic", sans-serif; } html{ } body{ background: url(images/bg_left.png) left top no-repeat, url(images/bg_right.png) right top no-repeat; background-color: #000000; } #container{ width:820px; margin:0 auto; } </style> <title>無題ドキュメント</title> </head> <body> <div id="container"> <div id="header"></div> <div id="wrapper"></div> <div id="footer"></div> </div> </body> </html>
ちなみにどこで躓いたかというと、
「background-color: #000000;」
の位置
なぜかbackbroundの上に定義するとうまくいかず、
黒で塗りつぶされた画面に。。。
順番とか関係ない気がしてたんだけど、zindexが暗黙的についてるのかな??