WIN（IE7）での拡大・縮小時のレイアウト崩れ

質問

はじめまして、toton929と申します。
今、ある会社のコーポレートサイトを制作しているのですが、
IE7でサイトを拡大して見たときに、レイアウトが崩れてしまい頭を悩ませいます。

いろいろ調べた結果、レイアウトが崩れてしまう原因は、
「hasLayout」が「false」になっているからではないかということが分かりました。
そこで、以下のようなサイトを参考にさせていただき、
CSSに「*{zoom:1;}」を追加してみたのですが、変化は見られず。
どうにも困っています。
（参考サイト：http://coliss.com/articles/build-websites/operation/css/143.html）

このタグは、CSSのみに追加したのですが、入れ方がまちがっていたのでしょうか。。？
本当はテストアップして、実際にみていただけるとありがたいのですが、
クライアントのコーポレートサイトなので、アップすることが出来ず、すみません。

「*{zoom:1;}」を仕様する際に、
注意しておく点などあれば教えていただけると有り難いです。
よろしくお願い致します。

＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
【仕様環境】
WIN IE7
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝

回答No.2

naokita

画像とかボタンとか文字で挟む場合にかぶりますので、
その部分だけをNO1さんの言っているように
.zoom{letter-spacing:0;}
<p class="zoom">　</p>
で大丈夫ですね。IE8は、どうなるか知らないけど。

回答No.1

noname#83877

IE7のバグ対策であれば

*{
letter-spacing:0;
}

も指定しておくといいと思います。

お礼

ご回答、ありがとうございます！

*{
letter-spacing:0;
}
も合わせてCSSに記述するという事ですよね？
単体では、試してみても駄目だったので、一度両方記述してみたいと思います。また出来ましたらご連絡致します。