我想在所有浏览器版本中显示我的网页...我的代码在 mozilla 和 chrome 中运行良好,但在 Internet Explorer 中无法正常运行。这是似乎与 IE 不兼容的 css 代码....
编辑
在过去的 2 个月中,努力为跨浏览器和多分辨率支持创建网页,因为我的设计在分辨率和浏览器支持方面存在多个问题。我是这个设计的新手,我不知道如何去做。我看到一篇关于多分辨率支持的文章,其中指出我们必须使用所有分辨率下所有浏览器都支持的常规 css 代码。另外我听说我们必须将我们的法线<div></div>
放在一个容器中,这样设计就不会发生冲突当在较低分辨率下查看时相互查看。下面是我的 css 代码,它将在 1680X1050 下工作,并且仅在 Mozilla 中工作。目前我正在使用在所有情况下都可以正常工作的模板。给我一些完美设计的示例,以便我会学会自己设计
#image img
{
padding:6px;
border-top:0px solid #ddd;
border-left:0px solid #ddd;
border-bottom:0px solid #c0c0c0;
border-right:0px solid #c0c0c0;
display:inline;
position:relative;
top:-210px;
margin-left:auto;
margin-right:auto;
}
#hori
{
width: 70em;
margin-left:350px;
position:absolute;
}
#hori ul li
{
display:inline;
float:left;
list-style:none;
}
#hori ul
{
padding:0;
margin-top:-620px;
}
#hori li
{
display: inline;
padding:0;
text-align:center;
width:7em;
float:left;
list-style:none;
height:25px;
margin-left:15px;
background:#38ACEC;
-moz-border-radius: 70px;
border-radius: 70px;
}
#verti
{
float:bottom;
width:200px;
margin-top:50px;
position:relative;
display: inline;
}
#verti ul li
{
list-style:none;
text-decoration:none;
}
#verti ul
{
padding:0;
margin:0;
}
#verti li
{
width:150px;
background:#38ACEC;
margin-bottom:9px;
position:relative;
top:170px;
-moz-border-radius:80px;
border-radius:80px;
text-align:center;
}
#slideshow
{
position:relative;
height:500px;
right:-570px;
top:-280px
}
#slideshow img
{
position:absolute;
top:0;
left:0;
z-index:8;
}
#slideshow img.active
{
z-index:10;
}
#slideshow img.last-active
{
z-index:9;
}
table,th,td
{
border:1px solid black;
width:650px;
position:relative;
right:-480px;
margin-top:-35%;
}
th
{
background-color:#38ACEC;
color:white;
}