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问题

回答

相关问题