Question

body {
    background: #9cdcf9 url(/images/left_cloud.png) bottom left no-repeat;
    font-family:\"Trebuchet MS\";
    padding:0;
    margin:0;
    border:0;
}
#cloud-container {
    width: 100%;
    background: url(/images/right_cloud.png) bottom right no-repeat;
    height: 100%;
}
#plane-container {
    width: 100%;
    background: url(/images/plane.png) top right no-repeat;
    height: 20%;
}
#footer1 {
    	width:100%;
    	height: 180px;
    	background: url(/images/footer.png) bottom center repeat-x;
    	vertical-align: bottom;
    	text-align: center;
    	color: #fff;
    	text-shadow: #555 1px 1px 1px;
    	font-size: 11px;
}

在FF中工作得很完美，但是让页面向左倾斜并且div重叠 - 有没有人知道IE不喜欢的css是什么？ - 一点点远射，但是嘿......

Answer 1

虽然很难在没有html或图片的情况下从你的问题中判断出来，但我认为你的问题的答案可能是浮动你的div。

#cloud-container, #plane-container, #footer1{
    float:left;
}

您可能还想查看common IE CSS issues

的此页面

Div在IE中显示奇怪 - 有一个惊喜

1 个答案: