IE中的浮動div問題

繼續https://stackoverflow.com/questions/8990246/frame-like-in-html/8990407#8990407我在JSP中實現了浮動div。它工作正常在Firefox，而不是在IEIE中的浮動div問題

這是我如何放置在div

<div id="div2"> 
    <font class='passageNumber'>Passage II</font> 
    <font class='passageText'> 
     <center> 
      <font class='title'>What does Millie 
       hope for? 
      </font> 
     </center> 
<br /> 

TEST PASSAGE 
</font> 
</div>

我使用的CSS是

#div2, #div3 { 
    overflow: auto; 
    float: left; 
    height: 450px; 
} 




#div2{ 
    display:inline-block; 
    width: 50%; 
} 

#div3 { 
    display:inline-block; 
    width: 50%; 

}

U可以看到allignment附加的圖像中 SCREEN SHOT

儘管在firefox中工作正常。

但在IE中的「第二段」文本下來，如果通道很大，雙滾動條是在學習。請幫忙

來源

2012-01-25 Arun

您鏈接的問題已關閉。你能否包含一些你用來實現這個浮動困境的CSS？ –

字體標籤，認真嗎？ –

我用浮動div來實現它＃div2，＃div3 { overflow：auto; float：left; height：450px; } ＃div2 { width：50％; } ＃div3 { width：50％; } – Arun

不是爲你做的工作，但我建議使用HTML，它與當前的標準和趨勢有更好的聯繫，以提供更穩定和更穩定的解決方案。

我會首先構建這將包含你漂浮一切div，然後將這些元素添加到的是，使用這些元素適當加價：

<div id="div2"> 
    <div class='heading'>Passage II</div> 
    <div class='passageText'> 

     <div class='title'>What does Millie hope for?</div> 
     <p>TEST PASSAGE</p> 

    </div> 
</div>

...和爲貴CSS我可能會嘗試：

.div2 
{ 
    float: left; 
    width: 400px; 
    height: 300px; 
} 

.heading 
{ 
    font-size: larger; 
    font-weight: bold; 
} 

.passageText 
{ 
    font-family: Arial, sans-serif; 
} 

.title 
{ 
    text-align: center; 
}

只要保持它的整潔，相關性和構造良好的，你應該非常成功地躲開這些煩惱 - 大部分的時間！希望這有助於...

編輯：

如果你有在HTML無法控制，那就是它只是格式化的，我也可以嘗試在display: block;屬性/值增加了風格的方式使其表現得更像一個div元素。一般來說，你的代碼提供塊級顯示這些元素不會破壞結構可言：

我會嘗試，看看我也許可以neaten了該HTML，但！

來源

2012-01-25 07:07:20

克里斯。感謝您爲我寫信。問題是所有的字體標籤都來自數據庫。我的工作是從數據庫獲取HTML並將其放置在浮動div中。我知道編碼不符合標準。但這就是要求:-(。將HTML存儲在數據庫中並提取它，本身是不正確的我知道，但這就是公司如何工作，而且從不希望改變。你能給我一些解決方案，在IE中呢？ – Arun

所以你的問題實際上是「如何從數據庫格式化遺留的HTML，以便它會更好？」;）有趣...看到我的編輯... –

我添加了顯示：塊。這裏還是一樣的 – Arun

IE中的浮動div問題

回答

相關問題