WebデザインコミュのIEのバグについて叫ぶ！

CSSでレイアウトを組んで行くと、必ず突き当たる壁！
FirefoxでもSafariでも、奇麗に表示されるのに、IEでだけおかしい！

なぜborderを含める？
http://cssbug.at.infoseek.co.jp/detail/winie/b001.html
なぜmarginを２倍も取る？
http://cssbug.at.infoseek.co.jp/detail/winie/b107.html

むき～！
となったら、こちらへ。

コメント(41)

最初
全て
最新の40件

前

[2] mixiユーザー 12月18日 16:09

はじめまして
今WINで丁度むき～となっていました

WINでは
display:inline;
で回避できました
Macではまだ確認してないのですが
MacのIEは私もホント苦手です　むき～！

[4] mixiユーザー 12月18日 16:45

累計だったら多分、一人で100回くらい
ムキーッて言いそうなので自粛しておきます。
firefoxもっとシェア伸びないかなぁ…

[5] mixiユーザー 12月18日 16:50

IEがひとなみにさえなってくれればこんなに怒らない…
もう過去の負の遺産（MacIE5とかIE6とかとかとか）に関してはめをつぶります。
今後心を入れ替えてくれさえすれば。

で、更正ブラウザのはずのIE7ってどうなんでしょうか。
もはや案全パイのクロスブラウザなコードしか書かないので
まだ7のCSS対応状況は見定められておりません。

[7] mixiユーザー 12月18日 16:56

IE7が怖くて怖くて。
もうあまりの怖さに話題にするのも躊躇われるくらい…

[8] mixiユーザー 12月18日 17:05

ＩＥ７使ってます。（ＷＩＮ）
とりあえずリンク先のＣＳＳバグはＩＥ７だと改善されてるみたいですね。

ＩＥ６で確認するためには他のＰＣを使わなきゃいけないからちと面倒。

ＣＳＳもそうだけど、targetの挙動がおかしいとプログラマの談。

[9] mixiユーザー 12月18日 17:16

safari のアンチエイリアス有テキストの文字幅による
レイアウトの崩れに、Winでデザインしてる僕は逆に悩まされます（笑）
特にテキストを含めたボタンをアンチエイリアスナシで想定してると。。。
どうしても改行されてレイアウトが。。。。|||orz

一番標準なブラウザってどれなんでしょうね。。。
このブラウザでちゃんと見れたら、他のブラウザは大丈夫って
ブラウザが欲しいこの頃です（*´・△・）

[12] mixiユーザー 12月18日 17:54

7は大分いいと聞いているので期待していますが、、
Mac IEは。。。(涙)

ミートさん＞
それはIEのバージョンが違うんじゃないでしょーか？
さもなくばフォントサイズの問題か？？

ウチでも前に同じようなことがありました(^_^；
しかもその２人は隣合わせの席だったので「今見比べてるけど違うよ？」と。。orz

[13] mixiユーザー 12月18日 17:59

png画像使いたい！！

ムキーーーー！！

[14] mixiユーザー 12月18日 18:03

あっというまに数件の「むき～ッ」体験が集まりました！

ミートさん＞
IEのバージョンは一緒でも、M$のきめ細やかな（爆）アップデートで違ってくるかもしれません。
私のMacにはVirtualPCが入っているのですがそれはIE6で、動作確認用のPCもあり、そっちもIE6。でも表示が違う。。。
VirtualPCはWin2KでPCはWinXPなので、その辺も違うのかもしれませんが。

[15] mixiユーザー 12月18日 18:04

私もついこの間、ムキー！ってなりました。
右にメニュー、左にメインというごく普通のCSSを組んでいて、メインの幅いっぱいに画像を張ろうと思いました。
firefoxというか、Geckエンジンのブラウザではちゃんと表示されました。しかし…IEでみると……。

勝手にずれるな！
http://cssbug.at.infoseek.co.jp/detail/winie/b009.html
勝手にずれるな！その２
http://cssbug.at.infoseek.co.jp/detail/winie/b151.html
そして挙句の果てに…勝手におちるなぁぁぁ!
http://cssbug.at.infoseek.co.jp/detail/winie/b164.html

という、3連コンボを食らいました。
3時間ほど頑張ったのですが、結局メインいっぱいに画像を張るのをあきらめました……。

[17] mixiユーザー 12月18日 19:00

ミートさん＞
いえ、pxで指定してるなら絶対値なので大丈夫です(^^)
IEはバージョンが違っちゃうと解釈が異なるので、現時点でバージョン違いで表示が違っちゃってるのを直したいってことならハックで逃げるのが一番ラクですかねぇ、、

しっかし、、このトピ面白いですね。
キーってなってるのが自分だけじゃなくて変にホッとしました(笑)

[18] mixiユーザー 12月19日 23:44

どもども、新人webデザイナーのえどです。

いや～。ムキーってならない案件のがむしろめずらしいですよね・・ｗ
ほんと、IEが嫌いになります・・ｗ
最近は、ずっと準拠モードで作っていたんですが、
今担当している案件が、準拠モードではないのでかなりムキー！ってなります。
しかも、互換モードで作ったこと、よく考えたらほとんどないので免疫がなくて・・ｗ
もう、毎度毎度、IEでページが表示されるまでの時間がとても心臓に悪いです・・(;´д｀)
そして、おおむね無難な感じに表示されてると、なんだか手術が無事終わったかのような安堵感を覚えますよねｗ

[19] mixiユーザー 12月20日 00:45

＞NoSmokingSさん

もうIE6のスタンドアローン版ありますよ。

[20] mixiユーザー 12月20日 12:23

IE7.0（WIN）とFirefox（WIN）とSafari（MAC/OSX）ではなんとかクリアーしたのに、デザイン会社の担当がIE5（MAC/OS9.0）ですって。。。
ＣＳＳのバグがなんとかならないかとか言われた。。。
いや、もうなんかとりあえずあきらめてー　
MAC IE5のシェアってどれくらいなの。。。
どこまで分岐すりゃいいのさ。

[22] mixiユーザー 12月22日 18:29

１９＞
すじタローさん。
ありがとうございます★♪

早速検索してダウンロードいたしましたm(_ _*m)

うー、IE7に慣れると、IE6がとても使いにくい。汗。

[23] mixiユーザー 12月22日 19:46

＞IE6スタンドアロン
ほんとだ！　いつの間に…
すじタローさん、感謝

[24] mixiユーザー 12月22日 19:51

float属性を指定したブロック要素のすぐ上の（下だっけ？）ブロック要素がまるごと全部消える（IE6）
GETメソッドで送ったクエリの内容次第でURLの解釈に失敗する（IE6&7、しかも挙動が違う）
特定条件でCRLF記号が入っていると奇妙な隙間が開く

そして、なんといっても、

レンダリングが遅い！！

クラ：「なんかサーバーが重いんですけど。。」
ワシ：「いや、遅いのは鯖ではなくてIEなんですけど。。-_-;」

[26] mixiユーザー 12月22日 21:25

＞MacIE5
Safariに対応してない旧OSを使い続けてるからじゃないかしらん。
そんでも世の中の8割以上のサイトは普通にみれるから。

それよりwinIE5.5に対応なのに、会社にも家にも5.5環境がない。どうしよう・・・。

[27] mixiユーザー 12月22日 21:25

＞モモンガさん
IE5（MAC/OS9.0）で見たら
ＭＳＮ(日本）のサイトはぐちゃぐちゃでした。
本家は気にしてないんですね。。。

[28] mixiユーザー 12月23日 01:35

＞MacIE5
OS9時代はIEがデフォルトブラウザですから、こだわっていない人ほど使っている可能性があります。DTPメインの人とか、人から譲ってもらった人とか。

さていざ変えようと思っても、Netscapeもmozilla系もOperaもサポートしないし、頼みの綱のiCabはCSS周りが覚束ないし。
テーブルレイアウトならMacIEでも崩れないし。

とりあえず/*￥*/ハックが効くので何とかしてますけど。。

[29] mixiユーザー 01月15日 17:10

【IEの世界シェア、80%を割り込む】
http://slashdot.jp/articles/07/01/15/0526245.shtml
http://marketshare.hitslink.com/report.aspx?qprid=3

記事にもありますが、このペースならFirefoxがIEに追いつくのは10年後とのこと。もう少しで、ハックやら、確認の手間がなくなるぞお！（←だから、10年後だってば）

[30] mixiユーザー 01月15日 17:36

IEバグのところで申し訳ないのですが、焔狐さんでだけリンクが押せなくなったι

何故……。

[32] mixiユーザー 01月15日 22:51

＞30: NoSmokingSさん
該当のリンクの上に何か別レイヤのっかってませんか？
そうだとリンク押せなくなる事があります。

今のところ思いつくのはこれぐらいなので
違ったらお役に立てずにすみませぬ。

[33] mixiユーザー 01月15日 23:36

IEってline-heightを100%にすると、文字の上が切れたりするんですね…。
line-heightの挙動だけで２～３日悩みました。
文字が切れるどころか俺の頭がキレそうです(;´Д`)

[34] mixiユーザー 01月16日 00:05

>>31

正確な話ではないので返答も曖昧ですまんです。
floatを使っている場所が一箇所でもあるならclearを明示的に不要になった所で入れてやらないと終わること多し。

[36] mixiユーザー 01月18日 19:38

http://news.mixi.jp/view_news.pl?id=145829&media_id=17

>「マイクロソフトの言う標準ではなく、業界標準です」

>「3年後の2009年にデザイン・ツールのシェアでトップを獲得する」
>「2009年には、日本のPCの80％以上でWindows Vistaが稼働している」とする各種予測だ。

まてまて、、、そういうことを言う前にIEをきちんとしてくれ。

[38] mixiユーザー 01月19日 11:54

>nyattoさん, テックさん

とりあえずこちらの各項目を確認してみてください。
（特にpadding）
http://adp.daa.jp/archives/000250.html

[39] mixiユーザー 01月19日 14:08

既にご存知かもしれませんが、
MYCOMで下記のような記事がありましたね。

正式版完全対応! Internet Explorer 7 CSS攻略法
http://journal.mycom.co.jp/special/2007/ie7/

IE6からIE7への過渡期の対応が難しいですが。

[41] mixiユーザー 01月22日 12:42

どこ探しても分からなかったので質問です。
IE7でfloatしたboxの直後に、「paddingを含み、且つheightを指定しないbox」を設置した場合、padding-topが2倍になる現象はバグだと思っていいんですかね？

実験サンプル
http://simpletype.net/test/padding.html

ログインすると、残り12件のコメントが見れるよ