*

IE6の印刷対応

ie6にA4サイズの印刷対応をしたので
各バージョンのCSSハックをメモ。

印刷用CSSで横幅950pxのサイトをie6の場合に縮小した例です。

ie6以外にも、ie7,ie8に100%で印刷かける設定を
しないといけません。

/* ie8対策 */
html>/**/body {
zoom /***/:100%9;

}
/* ie6対策 */
* body {
zoom: 65%;
}

/* ie7対策 */
*:first-child+html body{
zoom:100%;
}

その他印刷プレビューでカラム落ちしていたので、
パディングを減らしたり、落ちたコンテンツに
zoomで若干縮小かけて微調整しました。

PR

関連記事

no image

工数短縮。便利なワードプレスで地域紹介サイトを作る

ウェブ関係の方はもうご存知でしょうが、ワードプレスを使えば最低2ページをデザインするだけで、何百ペー

記事を読む

no image

フリーの新世代HTMLエディタ、BlueGriffon

html5やcss3に対応してるHTMLコードエディタを知りました。 BlueGriffonっていい

記事を読む

更新情報で記事のカテゴリータグを色別で表示【WORDPRESS】

ワードプレスの記事です。 ビギナー向けですが、ネットにちらばってた情報をまとめましたので珍しく

記事を読む

no image

flashで縦横比そのままに全画面表示(as3)

アニメの他にもイメージ重視のサイトで使いたいフラッシュ。 イメージを大きく左右する動画や写真も大きく

記事を読む

no image

自己紹介に最適!1カラムでスクロールするシングルページ

ちょっと前に1ページで完結するサイトのデザインが海外で流行ってました。 なので、自分も試しに自己

記事を読む

WORDPRESSでトップメインイメージと中ページ見出し画像を振り分けするメモ。

WORDPRESSで制作しています。 いきなりですね。 ただ、検索ばかりしてもなんなので、(

記事を読む

no image

Windowsのフォントにお嘆きの方に朗報!

たまたま知ったのですがこんなフリーソフトが。 MacType インストールしてみたら良い感じです

記事を読む

no image

新着情報・ニュースの区切り点線をCSSで

見て頂くと分かるんですが、単純にこちらの箇所のことです。 このまま表示するのは簡単ですが、文字サイ

記事を読む

no image

WordPressでページをカテゴリ別に分ける

ワードプレスで各ページのレイアウトをつくってるとき、たとえばこっちのカテゴリーは普通に文章を、こっち

記事を読む

no image

flashを使わないスライドのサイト作ってみました

今更感もありますが、HTML5の初歩とJSでメインイメージのスライドを作ってみたくてサイ

記事を読む

PR

Comment

  1. BLUEBERRY CHEESECAKE より:

    慣れない印刷用CSSではまってましたが、こちらの記事で解決しました〜。。。
    ありがとうございました。。。

    • admin より:

      コメントありがとうございます。
      お役に立てて嬉しいです!
      励みになります!
      よかったらまたお立ち寄りください。

Message

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

CAPTCHA


PR

no image
ムームードメイン

新たにドメインを取得することにしました。 コスト重視でサーバーは

ルーベンス デッサン模写

アトリエでの課題制作

色彩検定の復習しながらイラスツ

お久しぶりの更新です。 せっかく色彩検定を取ったので、 錆

イラスト フリー素材 円満退社

検索用のタイトルで始まりましたが、 イラスト素材を公開しますー!

更新情報で記事のカテゴリータグを色別で表示【WORDPRESS】

ワードプレスの記事です。 ビギナー向けですが、ネットにちらばって

→もっと見る

PAGE TOP ↑