Css IE中某些决议的填充问题
在IE的某些分辨率中,我的页脚溢出到一个新行。我认为这是一个填充问题,只是将内容推到比容器更宽的位置。它似乎只是在某些分辨率上像这样包装,这对我来说没有意义,因为容器的宽度比屏幕的分辨率小得多。似乎找不到解决办法 CSS: HTML(片段):Css IE中某些决议的填充问题,css,Css,在IE的某些分辨率中,我的页脚溢出到一个新行。我认为这是一个填充问题,只是将内容推到比容器更宽的位置。它似乎只是在某些分辨率上像这样包装,这对我来说没有意义,因为容器的宽度比屏幕的分辨率小得多。似乎找不到解决办法 CSS: HTML(片段): 网站地图 版权所有©2012基石石匠 需要考虑的几个IDE: IE使用自己的盒子模型。IE上的填充计算方式与Moz和Webkit不同,因为在“怪癖”模式下添加或忽略容器宽度和边框宽度,所以请确保您有一个doctype,该doctype强制
网站地图
版权所有©2012基石石匠
需要考虑的几个IDE:
- IE使用自己的盒子模型。IE上的填充计算方式与Moz和Webkit不同,因为在“怪癖”模式下添加或忽略容器宽度和边框宽度,所以请确保您有一个doctype,该doctype强制IE使用符合标准的模式,以避免此问题
- 确保带有溢出的屏幕不会在浏览器级别无意中放大。在Windows上按CTRL+0或在mac上按command+0可设置为默认缩放
- 你的填充是
填充:0代码>表示左侧填充可能会恢复为默认值。我这样说是因为IE是弱智的,我不会因为在某个特定的构建中误读了这一点而忽略它
#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>