2012-01-17 61 views
0

我想用css-float更改兩個DIV的順序。我不想/我不能在HTML中更改它們的順序,因爲它是外部數據。 以下HTML做到這一點在Firefox,但會產生在IE contrarious輸出:使用float更改兩個DIV的順序 - IE bug

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

AlbertBerta

在IE

BertaAlbert

問題:有一種方法可以在IE中獲得Firefox輸出嗎?我的例子這樣做 - 但只在Firefox中,而不是在IE中。無論如何感謝您的答覆。

+1

因此,您可以在HTML *中更改內聯樣式*,但不能更改'div's的順序,這也是HTML *中的*。這似乎有點奇怪。 – thirtydot 2012-01-17 09:50:25

+0

在某些情況下,「display:inline」與「float:left」組合通常沒有任何效果,IE中除外。文件是否處於標準或怪癖模式? – RoToRa 2012-01-17 11:02:42

回答

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

這可能工作.. 但在IE9

沒有問題

接受進行投票表決,如果它工作

+0

正如我的問題的標題所說,我想用css-float更改兩個div的順序。我不想/我不能在HTML中更改它們的順序,因爲它是外部數據。我的例子這樣做 - 但只在Firefox中,而不是在IE中。無論如何感謝您的答覆 – shcnix 2012-01-17 08:52:13

0

首先,使用有效的doctype。你可以堅持與時間並使用<!DOCTYPE html>。第二,就像@RoToRa評論的那樣,float和inline並不是很好。

讓它們成爲display: block;(或可能是inline-block)的塊元素,然後更改浮點數。第一個到right,第二個到left(反之亦然)。這甚至在IE中起作用。