FC2ブログ

雑記的な...

いろいろと勉強途中のドシロウトが書く雑記

スポンサー広告

スポンサーサイト

更新日時:--/--/-- --:--

上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。

Web製作

IE7の拡大縮小機能での注意点

更新日時:2008/01/26 18:00

フォントサイズ拡大縮小時のレイアウトの崩れを確かめていた時に気づいたこと。

IE7には「Ctrl∔マウスホイール」でフォントサイズだけでなく、サイトの全体をそのまま拡大縮小する素晴らしい機能があります。

その機能で縮小しみたら下の画像のようになってしまいました。
上の緑のバーはbodyの背景として表示していました。

IE7で縮小1

なるほど~。どうやらbodyより下の要素を縮小するようです。

解決策としてbodyの下にdiv要素を1つ置いて全体を囲み、そこに緑のバーの背景を指定しました。
こうすることで下の画像のようになりました。

これで崩れず表示できました。だれでも即思いつく解決策ですね。

背景とコンテンツが融合してるようなサイトの場合は気をつけたほうがいいですね。

スポンサーサイト

コメント

コメント投稿後、編集や削除する可能性がある場合にはpassが必要になりますので、passを入力してください。また、ただ宣伝するだけのコメントと判断した場合は削除しますのでご了承ください。

コメントの投稿
管理者にだけ表示を許可する

トラックバックURL

トラックバック一覧

検索


WWW を検索
このブログを検索

Amazon


紹介

Firefoxのアドオン「Stylish」で使えるCSS作ってます。
こちら
stylishとは?

Mozilla Firefox ブラウザ無料ダウンロード

カレンダー

08│2018/09│10
- - - - - - 1
2 3 4 5 6 7 8
9 10 11 12 13 14 15
16 17 18 19 20 21 22
23 24 25 26 27 28 29
30 - - - - - -

Copyright © 2008 雑記的な... All Rights Reserved

上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。