2012-01-17 9 views
0

css-floatで2つのDIVの順序を変更したい。私はしたくない/私はHTMLで彼らの順序を変更することはできません、それは外部データだからです。 次のHTMLは、Firefoxでこれを行いますが、IEでcontrarious出力生成:Firefoxでfloat-IEで2つのDIVの順序を変えるバグ

<div style="display:inline">Berta</div> 
<div style="float:left; display:inline">Albert</div> 

AlbertBerta IEで

BertaAlbert

が質問:ですがInternet ExplorerでもFirefoxの出力を得る方法はありますか?私の例ではこれをしていますが、Firefoxでのみ、IEではそうではありません。とにかく返答してくれてありがとう。

+1

HTML *ではインラインスタイル*を変更できますが、HTML *でも*である 'div'sの順序は変更できません。それはちょっと変わっているようです。 – thirtydot

+0

'display:inline'は通常、IEではなく、' float:left'との組み合わせでは効果がありません。標準またはQuirksモードの文書ですか? – RoToRa

答えて

-1
<div style="float:left; display:inline">Albert</div> 
<div style="display:inline">Berta</div> 

これは ...働くかもしれないが、それは

+0

私の質問の見出しによれば、私はcss-floatで2つのdivの順序を変更したいと考えています。私はしたくない/私はHTMLで彼らの順序を変更することはできません、それは外部データだからです。私の例ではこれをしていますが、Firefoxでのみ、IEではそうではありません。とにかく返答してくれてありがとう – shcnix

0

最初に動作するか、有効なDOCTYPEを使用し、受け入れるか、アップ投票

IE9

には問題はありません。あなたは時間をかけて <!DOCTYPE html>を使用することができます。そして、@RoToRaがコメントしたように、フロートとインラインは本当にいいとは言えません。

display: block;(またはおそらくinline-block)でブロック要素にしてから、浮動小数点数を変更します。最初の1つはrightで、もう1つはleft(またはその逆)です。これはIEでも動作します。

関連する問題