入れ子構造のリストでjQueryを使ったシンプルな開閉式メニューを自作してみたところ、CSSやjQueryで色々と不具合に遭遇しました。続きを読むtableの外枠線だけを消してみるtableの外枠にborderがないデザインってのがたまにあります。そんな時、以下のような力技でデザインを再現しているのを見かけたりしませんか?セル(th、td)のborder-topやborder-leftだけにborderの指定table内のタグ(tr、th、tdなど)にclassをつけて不要なborderを削除でもこれだとHTMLもCSSも煩雑化していてあまりイケてないですよね。そこで今回はCSSのみで解決する方法を考えてみました。top;みたいに中央配置したい場合があったりします。id="footer"></div></body>でもこれbodyタグに指定すると1pxズレちゃうんですね。3.0.xやSafariなどにも同じような問題があって久しぶりにハマってしまった。Tanakaさんのブログから参考になる記事を発見。垂直スクロールバーの幅のサイズが奇数になってるのが原因みたいだ。Demoでは解決できてないみたいなのでさらに調査してみた。3.5で解決されたようです。WebKit系のブラウザーでの解決が待たれますね。Tanakaさんのサイトがドメインを乗っ取られているようなので、リンクをはずしています。