我是想让两张图片并列显示的 但在Firefox可以 在IE中反而不行,具体代码如下:
Default.aspx文件:
<body>
<form id="form1" runat="server">
<div id = "Top">
<a href ="Default.aspx" ><img src="Images/palmnew_Logo.gif" width= "160px"/></a>
<img src="Images/top.gif" width= "600px"/>
</div>
<div id = "Search">搜索栏</div>
<div id = "Main">可变主要内容区</div>
<div id = "Footer">版权所有©<a href="http://www.palmnew.com" target=_blank>掌新</a></div>
</form>
</body>
CSS文件:
*{
/*把默认值都设置为0*/
margin:0px;
padding:0px;
}
body {
font-size:14px;
}
a:link, a:visited{
/*鼠标未移上去和访问过的超链接的样式*/
color:Black;
text-decoration:none;
}
a:hover{
/*鼠标移上去的超链接的样式*/
color:#00F;
text-decoration:underline;
}
#Top,#Search,#Main,#Footer{
margin:10px auto 10px auto;
width:760px;
}
#Top{
height:120px;
}
#Top img{
float:left;
margin: 0;
border-width: 0;
}
#Search{
clear:left;
border:1px solid #d6d7d6;
}
#Main{
border:1px solid #d6d7d6;
}
#Footer{
/*尾部文字居中*/
text-align:center;
border-top:1px solid #d6d7d6;
padding-top:10px;
}
请大家帮忙看下,而且还有一个问题就是margin:10px auto 10px auto;在IE中内容不会自动给居中,反而在fireFox则会,谢谢各位帮忙。
4 个解决方案
#1
IE6,IE7,IE8测试是居中的,不知道你说的是什么,图片也是并列显示
#2
我测试了一下,发现是你的宽度设置有问题,最大高度之类的都进行设置一下,float:left这个属性设置后,它会根据窗口的大小进行调整,当两个图片的大小超过窗口大小后,它会自动跳到下一行.
#3
啊 是呀 真的是这样 谢谢你啊
还有个问题 就是margin:10px auto 10px auto在ie中为什么不会自动居中?
#4
给你的文档加 dtd
#1
IE6,IE7,IE8测试是居中的,不知道你说的是什么,图片也是并列显示
#2
我测试了一下,发现是你的宽度设置有问题,最大高度之类的都进行设置一下,float:left这个属性设置后,它会根据窗口的大小进行调整,当两个图片的大小超过窗口大小后,它会自动跳到下一行.
#3
啊 是呀 真的是这样 谢谢你啊
还有个问题 就是margin:10px auto 10px auto在ie中为什么不会自动居中?
#4
给你的文档加 dtd