究極のマルチカラムリキッドレイアウトがIEで崩れる

先日紹介した究極のマルチカラムリキッドレイアウトを使ってページを作ってたときのこと。

FireFoxで確認しながら「だいたいできたかなー」と思ってIE6での確認をしたらレイアウトがガン崩れしてた。col1～col3のボックスがガッっと右に寄ってた。

数時間かけてわかった原因はXML宣言をコピペし忘れていたことだった。
＃本家のソースをマルコピしたものからXML宣言を削除したら同じ現象が起こった。

つまりどうやらIE6の「後方互換モード問題」によるものっぽかった。
＃後方互換モードの話は、「後方互換モード」でググれば死ぬほどでてくる

究極のやつは標準とか後方とかに影響される要素は使ってないんじゃなかったっけ、と思ったが、たぶん筆者の知識不足か英語力不足なんだと思い直し、更なる学習への意欲を燃やしたのであります。