Css IE中某些决议的填充问题

Css IE中某些决议的填充问题,css,Css,在IE的某些分辨率中,我的页脚溢出到一个新行。我认为这是一个填充问题,只是将内容推到比容器更宽的位置。它似乎只是在某些分辨率上像这样包装,这对我来说没有意义,因为容器的宽度比屏幕的分辨率小得多。似乎找不到解决办法 CSS: HTML(片段): 网站地图 版权所有©2012基石石匠 需要考虑的几个IDE: IE使用自己的盒子模型。IE上的填充计算方式与Moz和Webkit不同,因为在“怪癖”模式下添加或忽略容器宽度和边框宽度,所以请确保您有一个doctype,该doctype强制

在IE的某些分辨率中,我的页脚溢出到一个新行。我认为这是一个填充问题,只是将内容推到比容器更宽的位置。它似乎只是在某些分辨率上像这样包装,这对我来说没有意义,因为容器的宽度比屏幕的分辨率小得多。似乎找不到解决办法

CSS:

HTML(片段):


网站地图
版权所有©2012基石石匠


需要考虑的几个IDE:

  • IE使用自己的盒子模型。IE上的填充计算方式与Moz和Webkit不同,因为在“怪癖”模式下添加或忽略容器宽度和边框宽度,所以请确保您有一个doctype,该doctype强制IE使用符合标准的模式,以避免此问题
  • 确保带有溢出的屏幕不会在浏览器级别无意中放大。在Windows上按CTRL+0或在mac上按command+0可设置为默认缩放
  • 你的填充是
    填充:0表示左侧填充可能会恢复为默认值。我这样说是因为IE是弱智的,我不会因为在某个特定的构建中误读了这一点而忽略它

你能给我们看一个屏幕截图吗?这里有一个屏幕截图:IE自12年前IE5以来就没有使用过非标准的盒子型号。不,IE6+只在标准兼容模式下使用W3C模型。这排除了IE7默认模式,如果浏览器不喜欢提供的doctype等,则排除IE8+模式。您应该更清楚这一点。标准模式是每个人都应该使用的模式。任何设计师都不应该创建使用quirksmode的页面。故意这样做是荒谬的。如果您使用的是传统设计(如CMS),那么您希望这样做的唯一原因就是。任何人若设计一个怪癖网站却并没有他妈的好的理由,那个么他就应该被解雇。声称这是“默认”是迟钝的。没有一个有头脑的人设计没有有效博士类型的网站。它之所以被称为“怪癖模式”,是因为它是为了传统的兼容性,而不是为了新的开发。安定下来,它经常发生,值得一提。这就是我:“性可以传播疱疹。”这就是你:“什么?不,除非你和一个泰国妓女上床!没人应该这么做!我们没有疱疹流行。不值得一提!我额头上的静脉又要爆裂了!"
#footer
{
    width: 100%;
    background-color: #4e4e4e;
    padding: 0 0 0;
    margin: 0;
    clear: both;
}
#sitemap
{
    width: 300px;
    padding: 20px 0;
    margin: 0 auto;
    clear: both;
}

#left_map
{
    float: left;
    border-right: 1px dotted #ffffff;
}
#right_map
{
    float: right;
    padding: 30px 0;
}
#copyright
{
    font-size: 10px;
    font-family: inherit;
    color: #ffffff;
    text-align: center;
    padding: 20px 0 0;
    clear: both;
}
<div class="clear"></div>
<div id= "footer">
    <div id="sitemap">
        <div id="left_map">
            <h4>Sitemap</h4>
            <ul>
                <li><a class="selected" href="index.html">Home</a></li>
                <li><a href="about.html">About</a></li>
                <li><a href="services.html">Services</a></li>
                <li><a href="gallery.html">Gallery</a></li>
                <li><a href="contact.html">Contact</a></li>
            </ul>
        </div>
        <div id="right_map">
            <img src="images/footer_logo.png">
        </div>
    </div>
    <div id= "copyright">
        <p>Copyright © 2012 Cornerstone Masons</p>

    </div>
</div>
</body>
</html>