ログインしてさらにmixiを楽しもう

コメントを投稿して情報交換!
更新通知を受け取って、最新情報をゲット!

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

  • mixiチェック
  • このエントリーをはてなブックマークに追加
CSSでレイアウトを組んで行くと、必ず突き当たる壁!
FirefoxでもSafariでも、奇麗に表示されるのに、IEでだけおかしい!

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

むき〜!
となったら、こちらへ。

コメント(41)

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

WINでは
display:inline;
で回避できました
Macではまだ確認してないのですが
MacのIEは私もホント苦手です むき〜!
累計だったら多分、一人で100回くらい
ムキーッて言いそうなので自粛しておきます。
firefoxもっとシェア伸びないかなぁ…
IEがひとなみにさえなってくれればこんなに怒らない…
もう過去の負の遺産(MacIE5とかIE6とかとかとか)に関してはめをつぶります。
今後心を入れ替えてくれさえすれば。

で、更正ブラウザのはずのIE7ってどうなんでしょうか。
もはや案全パイのクロスブラウザなコードしか書かないので
まだ7のCSS対応状況は見定められておりません。
IE7が怖くて怖くて。
もうあまりの怖さに話題にするのも躊躇われるくらい…
IE7使ってます。(WIN)
とりあえずリンク先のCSSバグはIE7だと改善されてるみたいですね。

IE6で確認するためには他のPCを使わなきゃいけないからちと面倒。


CSSもそうだけど、targetの挙動がおかしいとプログラマの談。
safari のアンチエイリアス有テキストの文字幅による
レイアウトの崩れに、Winでデザインしてる僕は逆に悩まされます(笑)
特にテキストを含めたボタンをアンチエイリアスナシで想定してると。。。
どうしても改行されてレイアウトが。。。。|||orz

一番標準なブラウザってどれなんでしょうね。。。
このブラウザでちゃんと見れたら、他のブラウザは大丈夫って
ブラウザが欲しいこの頃です(*´・△・)
7は大分いいと聞いているので期待していますが、、
Mac IEは。。。(涙)

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

ウチでも前に同じようなことがありました(^_^;
しかもその2人は隣合わせの席だったので「今見比べてるけど違うよ?」と。。orz
png画像使いたい!!

ムキーーーー!!
あっというまに数件の「むき〜ッ」体験が集まりました!

ミートさん>
IEのバージョンは一緒でも、M$のきめ細やかな(爆)アップデートで違ってくるかもしれません。
私のMacにはVirtualPCが入っているのですがそれはIE6で、動作確認用のPCもあり、そっちもIE6。でも表示が違う。。。
VirtualPCはWin2KでPCはWinXPなので、その辺も違うのかもしれませんが。
私もついこの間、ムキー!ってなりました。
右にメニュー、左にメインというごく普通のCSSを組んでいて、メインの幅いっぱいに画像を張ろうと思いました。
firefoxというか、Geckエンジンのブラウザではちゃんと表示されました。しかし…IEでみると……。

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

という、3連コンボを食らいました。
3時間ほど頑張ったのですが、結局メインいっぱいに画像を張るのをあきらめました……。
ミートさん>
いえ、pxで指定してるなら絶対値なので大丈夫です(^^)
IEはバージョンが違っちゃうと解釈が異なるので、現時点でバージョン違いで表示が違っちゃってるのを直したいってことならハックで逃げるのが一番ラクですかねぇ、、

しっかし、、このトピ面白いですね。
キーってなってるのが自分だけじゃなくて変にホッとしました(笑)
どもども、新人webデザイナーのえどです。

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

もうIE6のスタンドアローン版ありますよ。
IE7.0(WIN)とFirefox(WIN)とSafari(MAC/OSX)ではなんとかクリアーしたのに、デザイン会社の担当がIE5(MAC/OS9.0)ですって。。。
CSSのバグがなんとかならないかとか言われた。。。
いや、もうなんかとりあえずあきらめてー 
MAC IE5のシェアってどれくらいなの。。。
どこまで分岐すりゃいいのさ。
19>
すじタローさん。
ありがとうございます★♪

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

うー、IE7に慣れると、IE6がとても使いにくい。汗。
>IE6スタンドアロン
ほんとだ! いつの間に…
すじタローさん、感謝
float属性を指定したブロック要素のすぐ上の(下だっけ?)ブロック要素がまるごと全部消える(IE6)
GETメソッドで送ったクエリの内容次第でURLの解釈に失敗する(IE6&7、しかも挙動が違う)
特定条件でCRLF記号が入っていると奇妙な隙間が開く

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

レンダリングが遅い!!

クラ:「なんかサーバーが重いんですけど。。」
ワシ:「いや、遅いのは鯖ではなくてIEなんですけど。。-_-;」
>MacIE5
Safariに対応してない旧OSを使い続けてるからじゃないかしらん。
そんでも世の中の8割以上のサイトは普通にみれるから。

それよりwinIE5.5に対応なのに、会社にも家にも5.5環境がない。どうしよう・・・。
>モモンガさん
IE5(MAC/OS9.0)で見たら
MSN(日本)のサイトはぐちゃぐちゃでした。
本家は気にしてないんですね。。。
>MacIE5
OS9時代はIEがデフォルトブラウザですから、こだわっていない人ほど使っている可能性があります。DTPメインの人とか、人から譲ってもらった人とか。

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

とりあえず/*¥*/ハックが効くので何とかしてますけど。。
【IEの世界シェア、80%を割り込む】
http://slashdot.jp/articles/07/01/15/0526245.shtml
http://marketshare.hitslink.com/report.aspx?qprid=3


記事にもありますが、このペースならFirefoxがIEに追いつくのは10年後とのこと。もう少しで、ハックやら、確認の手間がなくなるぞお!(←だから、10年後だってば)
IEバグのところで申し訳ないのですが、焔狐さんでだけリンクが押せなくなったι

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

今のところ思いつくのはこれぐらいなので
違ったらお役に立てずにすみませぬ。
IEってline-heightを100%にすると、文字の上が切れたりするんですね…。
line-heightの挙動だけで2〜3日悩みました。
文字が切れるどころか俺の頭がキレそうです(;´Д`)
>>31

正確な話ではないので返答も曖昧ですまんです。
floatを使っている場所が一箇所でもあるならclearを明示的に不要になった所で入れてやらないと終わること多し。
http://news.mixi.jp/view_news.pl?id=145829&media_id=17

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

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

まてまて、、、そういうことを言う前にIEをきちんとしてくれ。
>nyattoさん, テックさん

とりあえずこちらの各項目を確認してみてください。
(特にpadding)
http://adp.daa.jp/archives/000250.html
既にご存知かもしれませんが、
MYCOMで下記のような記事がありましたね。

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

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

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

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

mixiユーザー
ログインしてコメントしよう!

Webデザイン 更新情報

Webデザインのメンバーはこんなコミュニティにも参加しています

星印の数は、共通して参加しているメンバーが多いほど増えます。

人気コミュニティランキング