xhtml、css/スタイルシートでの中央寄せ(左右対称)について
<?xml version="1.0" encoding="EUC-JP" ?> <!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" xml:lang="ja" lang="ja"> <head> <meta http-equiv="Content-Type" content="text/html;charset=EUC-JP" /> .... <style type="text/css"> #container { width: 780px; margin: 0px auto; } </style> .... </head> <body> <div id="container"> .... </div> </body> </html>
みたいな感じで、ウィンドウが最大にしても中央に表示されるようにしようと思ったものがあるのだか、IE6だけ左よりになってしまう。
ちなみに、IE7,Firefox2,Opera9,Safariではなんともない。
で、いろいろやってみたところ、これが原因みたい。
<?xml version="1.0" encoding="EUC-JP" ?>
先頭にこれがあるとIE6ではどうもだめ。
xhtmlなんで、xml文書だって宣言しているだけだと思うのだが、なんでだろう?
W3C Markup Validation Serviceでも問題ないのだが。。。