はてなブックマーク - hail2u.net - Weblog - IEでフロートさせたボックスのマージンが倍になるバグ

hail2u.net - Weblog - IEでフロートさせたボックスのマージンが倍になるバグ

hail2u.net

タグ : CSS ie バグ bug float WEB tips HTML デザイン CssHack

コンピュータ・IT 107 users

Posted at 2005-04-04T17:33:00+09:00 in Web Design WindowsのIE5.5や6など(5とか5.01は知らない)にはfloatさせたボックスへ指定した左右のmarginが正常に反映されない(倍になる)というバグがあります。最近はfloatを使ってゴニョゴニョする機会も多いと思うので厄介に考えている人も多いでしょう。実はdisplay: inline;とか指定してやると回避できちゃったりとかします。ネタ元はThe IE Doubled Float-Margi... > このページを見る

最終更新時間: 2005年04月05日20時07分

▼ブログで紹介する

みんなのブックマーク人気（0）新着

smallstrings
CSS IEバグ 2009/06/08
digital_pop
CSS IEバグ 2009/06/08
mkt デザイン, CSS, HTML, Web, InternetExplorer, Webブラウザ
"コードはfloat: left;(float: right:)と同時にdisplay: inline;を指定するというだけで、HTMLに特に手を加える必要も、IE用にCSSコードを切り分ける必要もありません。" 2009/05/05
webmarksjp デザイン, CSS, ie, bug, float, バグ
Web 2008/07/13
beckzilla float, IE6
"IEでフロートさせたボックスのマージンが倍になる有名なバグ。display: inline;とか指定してやると回避。" 2008/01/30
Quadrifogrio CSSハック
display: inline;とか指定してやると回避できちゃったりとかします。 2007/05/27
studio-m css, ie
float指定したブロックのmarginが2倍になるのは、display:inlineで解決できるよメソッド。Firefox等ではfloatした時点でdisplay:inlineは無視されるらしい。本当に副作用ないのかな。 2007/04/16
ono_matope IE, HTML
あー。margin:0pxのdiv要素をはさんで対処した。 2007/01/04
yzatkatamayu IE, CSS
floatする要素をdisplay: inline。信じられないブラウザだ… 2006/10/02
yanwari css
IEのマージンバグ回避 2006/09/03
cuckoo スタイルシート
IEでマージンが揃わない理由がわかったよ…！ 2006/06/11
asiamoth workspace, CSS, web, design
IEのバグを『float: left;(float: right:)と同時にdisplay: inline;を指定する』だけで回避できる。 2005/12/16
fockewulf CSS
display: inline;を指定 2005/10/28
nazoking css
コードはfloat: left;(float: right:)と同時にdisplay: inline;を指定するというだけ 2005/07/02
m4i CSS
IEのfloatバグ回避方法 2005/06/27
popup-desktop CSSbug
display: inline;を指定するというだけ 2005/04/07
Yuichirou css, bad-knowhow, ie
解決策あり。無駄に使える予感。 2005/04/05
facet
display: inline; 2005/04/05
naoya
float させたボックスを正しく配置させるためのバッド・ノウハウ 2005/04/05
kasedac css, ie, firefox
display: inline;とする(Firefoxなどでは無視される) 2005/04/05