IE6 floatでmarginが倍、Sleipnir(スレイプニール)でも

2008年7月 3日 21:31

『Double margin float bug』がSleipnir(スレイプニール)でも確認

よく考えたら当然ですね、IE6のレンダリングエンジンを使っているから『Double margin float bug』は、WEBブラウザ、Sleipnir(スレイプニール)、でも起るわけですね。
バグが確認されたSleipnirのverは2.5.12.0でした。そのマシンにはIE6がインストールされています。

ちなみに『Double margin float bug』とは、例えばブロックレベル要素にfloatを指定して浮動させた方向にmarginプロパティを指定すると、IE5.x〜IE6にかけてmarginの値を倍近く取ってしまう、有名なバグです。

WindowsXP+IE7なので、気づかなかったんですが、IE6がインストールされているマシンのSleipnirで見ると同じようにレイアウトが崩れている!
IE6の時と同じ方法で、display:inline;にするとなおったので、ちょっと不思議な感覚でした。

HTML+CSSリスト

Author
秋葉秀樹

秋葉秀樹(アキバヒデキ)

DTP上がりのデザイナー
ノンプログラマー!
フリーランスのデザイナー。
IllustratorやPhotoshopを初代バージョンから使っているという事がウリ。
クリエイター育成機関などでお世話になり、先生として講義をしていたりします。

siteInformation

web creatorsに寄稿しています。 web creators 2009年10月号 web creators 2009年10月号 web creators 2009年10月号「Flashの動き表現アイデア」特集の131ページに『画像をタイル状に分割』というタイトルの記事を執筆しました。

web creators 2009年6月号の94~ 95ページに秋葉秀樹が執筆した記事「商品カテゴリを意識してビジュアルを強調する」が掲載されました。
テーマは「MovableType 4.xデザインカスタマイズを極める(前編)」です。

web creators 2009年2月号の147ページに記事を書きました。
テーマは「独学で始めるFlash作成講座」です。

info@akibahideki.com

powered by MovableType4
Powered by MovableType 4

セミナー情報|秋葉秀樹
カテゴリ