タグ

2010年7月22日のブックマーク (2件)

  • [CSS]横スクロール時にヘッダやフッタが切れてしまう時の解決方法

    ヘッダやフッタがブラウザの横幅より広い際に、横スクロールするとヘッダとフッタが切れてしまうのを解決する方法を紹介します。 これはIE6などの旧式のブラウザだけでなく、Firefox3.6やChromeでも起きる現象です。 How to Resolve a Fluid Header/Footer Problem When the Window is Resized デモページ(不具合版) ※キャプチャはFirefox3.6(不具合の確認は横幅を小さくして) この現象が起きる条件は下記のようになります。 ヘッダとフッタのサイズは指定されていない。 →横いっぱいに広がる。 コンテンツエリアのサイズは指定されており、「margin:auto;」で中央に配置。 ブラウザのサイズはコンテンツエリアのサイズより小さい。 →ブラウザに横スクロールバーがでる。 期待される表示は、下記のようにコンテンツが中央

    yuenana
    yuenana 2010/07/22
    あるある。
  • W3C Cheatsheet が HTML5 に対応

    去年、W3C が公開していた 「W3C Cheatsheet」 ですが、今回更新されて HTML5 にも対応し、より使いやすくなったので紹介してみます。 去年、W3C が公開していた 「W3C Cheatsheet」 ですが、今回更新されて HTML5 にも対応し、より使いやすくなったので紹介してみます。 残念ながら CSS3 のプロパティには未対応なのですが、HTMLCSS 等に関してさっと調べたいときにはとても便利だと思いますよ。iPhoneAndroid 携帯などでは Web アプリケーションとして動作するように作ってありますので、それらモバイル機器をお持ちの場合は、ブックマークしておくといいと思います。(iPhone なら 「ホームに追加」 しておくといいですよ。) W3C cheatsheet HTML5 in W3C Cheatsheet - W3C Blog W3

    W3C Cheatsheet が HTML5 に対応
    yuenana
    yuenana 2010/07/22
    スマートフォンじゃないのが悔やまれるずェ(でもまだ動くから買い換えない)