最小宽度不适用于IE冻结布局

我想在网站模板中进行冻结布局，但在Internet Explorer中遇到问题。最小宽度不适用于IE冻结布局

我作出这样

<div id="NewsBlock"> 
    <div id="aboutUs"> 
     <h1></h1> 
     <span class="OpenDayBanner"></span> 
     <p>You can replace the paragraph above with some text describing your FAQ system. Here's an example: If you have questions about our web site, our products or our services, there’s a good chance you’ll find the answer here</p> 
    </div> 
</div>

对于CSS我作出这样

div#NewsBlock{ 
    min-width: 1300px; //this work for Firefox and chrome 
    width:100%; 
    overflow: hidden; 
    height: 510px; 
    background-image:url(../images/aboutstartupbg.png); 
    background-repeat: repeat-x; 
}

使用最小宽度和百分比值的宽度使得在Firefox和Chrome冻结的布局，但它不”在IE浏览器工作！任何建议请

来源

2012-01-26 palAlaa

你是什么意思被冻结？哪个版本的IE有这个问题？ – Jawad

我的意思是在调整窗台大小时，布局仍然是冻结的，一些布局会隐藏，另一个会稳定。 – palAlaa

与stackoverflow布局相同，请尝试重新调整浏览器的大小。 – palAlaa

您必须定义<p>元素的min-width属性。

实施例：

p.myClass { 
    min-width: 420px; 
    }

来源

2012-01-26 11:36:19

为什么呢？ Will和p元素会继承div元素的宽度，它已经有一个最小宽度：1300px？ – Jawad

的问题是通过改变HTML到XHTML

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" ">

的DTD求解以

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org /TR/xhtml1/DTD/xhtml1-transitional.dtd"> 

    <html xmlns="http://www.w3.org/1999/xhtml">

来源

2012-01-27 14:15:06 palAlaa

使用严格的文档类型，如<!DOCTYPE HTML>，确保IE正确呈现。

还可以考虑将<meta http-equiv="X-UA-Compatible" content="IE=edge" />添加到<head>。

来源

2012-01-27 14:17:47

它也适用于Transitional文档类型。这个元数据和这个元素有什么不同？ – palAlaa

“有什么区别”？呃......一切。这是一个完全不同的'http-equiv'。 –

最小宽度不适用于IE冻结布局

回答

相关问题