2012-07-08 46 views
0

我試圖讓我的網站正確顯示在我最喜歡的瀏覽器永遠不會給我麻煩 - IE6!大聲笑。 我有2浮動一個div中的元素:與IE6浮動問題(沒有任何利潤/填充)

#content_container { position:relative; width: 908px; background-color:#FFFFFF; padding: 26px; min-height:400px; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#545454; } 
#content_container_left { position:relative; width: 384px; float:left;} 
#content_container_right { position:relative; width: 496px; float:right; text-align:justify;} 

在此上述結果的CSS:

enter image description here

,你可以看到文本(#content_container_right)信息庫下方(#content_container_left)作爲正確的容器應該在右邊的空白處懸浮。

我試着給margin:0px;padding:0px;到兩個浮動元素,但這不工作...雖然我沒有任何的利潤在我的浮動元素display:inline;也不起作用。 父div中的填充似乎不是問題。

BTW:我一直在測試IE Tester這已經被證明是非常有用的(即使它可能不是真正的垃圾,100%的複製品)

任何想法/建議?

+0

你能告訴我們你的html嗎? – dmp 2012-07-08 15:16:58

+0

..你應該平衡多久,這將帶你對實際使用一個不推薦和越來越模糊的瀏覽器的人數! – dmp 2012-07-08 15:17:58

+0

我知道了!我已經收到一些訪問人仍然在IE6和IE5.5(羞辱他們)..但這也是我想學習和理解的東西,我會更新與HTML – MSchumacher 2012-07-08 15:21:45

回答

0

好的,所以我想通了display:inline;zoom:1已經解決了我的問題(在浮動的div中使用它們)。下面的人給出了關於IE6的一些很好的建議。請記住,不要像Henrik提到的那樣爲IE6打折,因爲這隻會讓微軟LAZY變得黯淡。