タグ

2007年11月20日のブックマーク (3件)

  • footerをウィンドウ下部に固定する『footerFixed.js』

    footerをウィンドウ下部に固定する『footerFixed.js』 footer部分を画面下部に固定するためのjsライブラリ『footerFixed.js』を作成しました。 フッターをコンテンツの内容量にかかわらずwindow下部に表示させるためのjsライブラリです。 サンプル 設置方法は head要素なのでfooterFixed.jsを読み込みます。 <script type="text/javascript" src="./footerFixed.js"></script> ウィンドウ下部に固定したい要素にid属性「footer」を付けます。 これでその要素をウインドウの下部に表示させることが可能です。 (ウインドウの下部というのがわかりにくいと思うのですが、内容量がウィンドウサイズを超える場合は通常通り、内容量がウィンドウサイズより小さい場合はウィンドウの下部に配置という意味です

    footerをウィンドウ下部に固定する『footerFixed.js』
    picnicgraphic
    picnicgraphic 2007/11/20
    footer部分を画面下部に固定するためのjsライブラリ『footerFixed.js』の説明。footerFixed.jsを読み込みウィンドウ下部に固定したい要素にid:footerを付ける。
  • pre 要素に対する印刷用 CSS

    サイトリニューアルと同時に印刷用スタイルも書いてみたんですが、ふと気がついたのは、pre 要素の中身って印刷するとき紙からはみ出しちゃって全部印刷できてないじゃんっていうこと。 Blog の記事を印刷する人ってそんなにはいないと思いますが、一応対策しておくかということで書いてみました。と言っても、別に目新しいことはしていませんので期待せずにお願いします。 さて、当サイトで使用している pre 要素には、画面表示用のスタイルとして、「overflow: scroll;」 を指定、改行せずにはみ出した部分はスクロールバーで表示させていますが、当然ながら印刷時はスクロールバーなんて出ないので、普通に紙からはみ出して終了と。 なので、印刷スタイルでは pre 要素を基的に整形済みテキスト (Preformatted Text) として表示しつつも、印刷領域からはみ出してしまう場合のみ適当に改行が

    pre 要素に対する印刷用 CSS
    picnicgraphic
    picnicgraphic 2007/11/20
    pre要素の中身ってはみ出して全部印刷できないじゃん→各ブラウザのデフォルトスタイルはpre要素に対し空白文字は改行入れず記述のまま表示する指定→各ブラウザ用に自動で改行するという指定をしてあげる。
  • 高反発マットレスの選び方 | アフィブログに騙されない為の高反発マットレス手記

    ウレタン系高反発マットレスでよく言及されるのが密度です。それを頑張って分かりやすく説明してみます。

    picnicgraphic
    picnicgraphic 2007/11/20
    「今までは単純にその画像をpタグの中にimgタグで貼ってましたが、これって引用のような気がいつもしています。だから、blockquoteの中に入れた方がいいのかな」