Tag » HTML
XHTMLにjQuery(JavaScript)を記述する
<script type="text/javascript">
/* <![CDATA[ */
jQuery(function($){
// ここに処理を記述
});
/* ]]> */
</script>
CDATAセクションの書き方をいつも忘れるので自分用にメモ。
「/* */」でCDATAセクションをコメントアウトしているのは、IE6で構文エラーとなるため。
Firefox 3.0.xでも背景画像が1pxズレる
下記のようなHTML構造で、bodyタグに背景画像をbackground-position: center top;みたいに中央配置したい場合があったりします。
<body>
<div id="header"></div>
<div id="content"></div>
<div id="footer"></div>
</body>
でもこれbodyタグに指定すると1pxズレちゃうんですね。
IEだと1pxズレる問題は各所で「bodyタグにpadding-left: 1px;を指定したら回避できるよ」って感じで紹介されてるけど、実はFirefox 3.0.xやSafariなどにも同じような問題があって久しぶりにハマってしまった。
まずはググって調べてみたところSoh Tanakaさんのブログから参考になる記事を発見。
垂直スクロールバーの幅のサイズが奇数になってるのが原因みたいだ。
随分と解決に近づいた気もしたけど、記事内のView Final Demoでは解決できてないみたいなのでさらに調査してみた。
update ‐
Firefox 3.5で解決されたようです。WebKit系のブラウザーでの解決が待たれますね。
update ‐
Soh Tanakaさんのサイトがドメインを乗っ取られているようなので、リンクをはずしています。
パンくずリスト?を考察してみる
いわゆる「パンくずリスト(ナビ?)」とか「トピックパス」は、現在閲覧しているページを階層構造を元にユーザーに伝えるものですが、今回はHTMLをいかにマークアップするかという話。
HTMLをどうするかを考え出すと切りがないですが、最近マークアップに対しての思考能力が落ちてる気がするのと、過去の自分を振り返る材料にもなりそうなのでメモっとく。
まあその時々でマークアップするのがベストなんでしょうが、自分の場合はモジュールのひとつとして再利用することが多いので「パンくずリストの一例」くらいの位置づけで読んでもらうと気が楽です。