とあるコーダーの備忘録 |overflow:hidden;とclearfix
とあるコーダーの備忘録 日々のマークアップ＆CSSコーディング業務の中で蓄積されていくちょっとしたノウハウとかバグ情報とかいろいろ備忘録的に記録していきます。 後続要素が無いためにclear:both;でフロート解除できない場合、フロートしている子要素を包む親要素に対してoverflow:hidden;を設定したり、clearfixを使ったりすると思いますが、双方メリット・デメリットがあるのでまとめておきます。 【overflow:hidden;】 ＜メリット＞ ・classを追加する必要がないのでHTMLソースコードをシンプルに保てる ・１行で済むので簡単 ・DWのデザインビューが崩れない ＜デメリット＞ ・IE6で効かないことが多いのでIE6用ハック（zoom:1;）を併用する必要がある。 ・FireFoxで印刷バグが発生することがある。 【clearfix】 ＜メリット＞ ・IE6含
第1回 約物の名前
文字・数字以外の記号のことを印刷用語では全部ひっくるめて「約物」と呼びます． ふだん何気なく使って，名前など気にしたこともないという方も多いかと思いますが， 出版・印刷の世界では約物をめぐって正確なコミュニケーションをする必要から， ひとつひとつに名前がつけられています． ごく常識的な名前から，詩的な名前まで，約物の世界をご紹介します． 約物いろいろ
Win IE6で印刷(プリントアウト)をA4に納めるCSS | アイビーネットblog
OKWaveなどの質問サイトや質問掲示板を見ていると「WebサイトをWin IE6でそのままプリントアウトしたいけど、収まらず右側が切れてしまう。どうしたらいい？！」という質問をされている方をよく見ます。 色々な解決方法があると思いますが、私がオススメするのは下記の方法です。 * html { zoom: 80%; } プリントアウトCSS解説 やっていることは非常に単純です。 「* html」でハックして、IE6以前(IE5からIE6)に対してのみ適応させる。 「zoom」で、全体の拡大率を変更する(例では80%に)。 よく使われる横幅760pxをA4に納めたいのであれば、80%前後にすれば収まります。 条件コメントを利用してCSSを綺麗に 「zoom」は、IE特有のプロパティですのでvalidatorでエラーが出ます。それが嫌でしたら条件コメント「<!--[if IE 6]>」を使って
長い画像を分割して印刷したいときはエクセルが便利 | バシャログ。
夜中に家に帰ったら食卓の上に宅配ピザが置いてあって、気がついたら丸々 1 枚食べきっていた sakai です。ブヒ。 今回はちょっと便利な小ネタをご紹介します。 WEB サイトのキャプチャやデザインカンプなど、縦に長ーい画像を印刷する場合は分割して印刷することになるかと思います。 ただ、ブラウザやアプリによっては分割印刷に対応していなかったりして、意外と面倒だったりします。 分割印刷する場合は画像をエクセルに貼り付けて印刷すると簡単に上手いこといきます。 例えば、以下のような長い画像。 これをエクセルに貼り付けます。（画像はエクセル 2003 です。他のバージョンでも手順はだいたい同様だと思います） 「挿入」→「図」→「ファイルから」を選択し、画像を指定して貼り付け。 続いて、「ページ設定」できちんと分割されるように改ページを調整します。 今回は縦長の画像なので「ページ設定」で「横：1 ペ
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
[CSS]印刷用のCSSのフレームワーク -Hartija | コリス
