2010年2月17日水曜日

HTML+CSS:サイドバーの固定で嵌る

 お客さんから左のサイドバーを固定したいと要望があったので、調べてみる。

 えーと、ブロックの positon プロパティを fixed にすれば良いのね。

 え、IE6 がそれじゃだめ?よくわからんが、google 様に見つけてもらったページに書いてあるとおりに...、だめじゃん。
 ここから長いたびが始まった。どうやら IE6 とそれ以外では、違う動きをしているようだ。そうすると、継承元の設定か。いや、そもそもこの書式自体が少し変。
 別なページのやりかたで...、これもだめ。確かにコードは IE6 とそれ以外で違う動きをしているのだが...。なんか、こう、もっと上位の概念が...。
 ということで DOCTYPE宣言 を入れてみると...、動いた orz。

 最初のページのソースをメインに、二つ目のページの情報を参考にしてソースを直すとうまくいった。
 これで一安心....、にゃ、FF で
  • のドットの表示おかしい。CSS を変にいじったか...。
     なんと、DOCTYPE宣言 が原因だった orz。css の割り当て方法を変えて何とか OK。IE と FF で表示位置が微妙にずれるが、とりあえず良いことにしよう。

     やっぱり HTML は難しいなぁ。
  • 0 件のコメント:

    コメントを投稿