Heim >Web-Frontend >HTML-Tutorial >一段CSS在IE里可以正常显示,在其它浏览器里不正常_html/css_WEB-ITnose

一段CSS在IE里可以正常显示,在其它浏览器里不正常_html/css_WEB-ITnose

WBOY
WBOYOriginal
2016-06-24 11:56:021149Durchsuche

   大致是这样的,我在头部的一个DIV里面放入一个log,之后加入菜单(与LOG并列的),每个菜单给一个背景图片。
但是显示出来的结果菜单文字总是移位了,没有显示在他的背景图片下面,跑后面去了。而背景图片的显示也不正常,我设置的1200的分辨率,在1024*768下面,前面有一部分背景图片显示不出来,便是整个窗体又是有滚动条的。求高看看。

<div class="Head" style=" width:1200px; height:84px; margin:0; padding:0;"">        <div class="mlog" style=" width:344px; height:84px;background-image:url(../images/mlog.jpg); float:left"></div>        <div class="menu" style=" width:640px; height:84px; float:left; ">                <ul style=" width:640px;height:84px;float:left; margin:0; padding:0">                <li style=" width:80px; height:84px;background-image:url(../images/m1.jpg);float:left;"><a  href="about.asp" ><%=Nav_2%></a></li>                <li style=" width:80px; height:84px;background-image:url(../images/m2.jpg);float:left;"><a  href="kctx.asp" <%if uid<>3 then response.Write"" else response.Write"class=""select"""%> ><%=Nav_3%></a></li>                <li style=" width:80px; height:84px;background-image:url(../images/m3.jpg);float:left;"><a  href="team.asp" <%if uid<>4 then response.Write"" else response.Write"class=""select"""%> ><%=Nav_4%></a></li>                <li style=" width:80px; height:84px;background-image:url(../images/m4.jpg);float:left;"><a  href="news.asp" <%if uid<>5 then response.Write"" else response.Write"class=""select"""%> ><%=Nav_5%></a></li>                <li style=" width:80px; height:84px;background-image:url(../images/m5.jpg);float:left;"><a  href="xyhd.asp" <%if uid<>6 then response.Write"" else response.Write"class=""select"""%> ><%=Nav_6%></a></li>                <li style=" width:80px; height:84px;background-image:url(../images/m6.jpg);float:left;"><a  href="jzsq.asp" <%if uid<>7 then response.Write"" else response.Write"class=""select"""%> ><%=Nav_7%></a></li>                <li style=" width:80px; height:84px;background-image:url(../images/m7.jpg);float:left;"><a  href="ydh.asp" <%if uid<>8 then response.Write"" else response.Write"class=""select"""%> ><%=Nav_8%></a></li>                <li style=" width:80px; height:84px;background-image:url(../images/m8.jpg);float:left;"><a  href="about.asp" <%if uid<>10 then response.Write"" else response.Write"class=""select"""%> ><%=Nav_8%></a></li>                </ul>        </div>         <div class="ser" style=" width:216px;background-image:url(../images/mlink.jpg); overflow:hidden; height:84px; line-height:19px;"><a onclick="SetHome(window.location)" href="javascript:void(0)" style="color:Red;">设为首页</a><a>|</a><a onclick="AddFavorite(window.location,document.title)" href="javascript:void(0)" style="color:Red;">加入收藏</a><a>|</a><a  href="contact.asp" style="color:Red;">联系我们|</a>        </div>   </div>


回复讨论(解决方案)

有没有人回一下啊。。

使用TABLE吧,用TABLE不会存在这个问题

你最好把你的代码从项目里抽出来单独测试下,也可以发上来,我们帮你看看问题,你发上来的只是一段代码,我们也不好测试,光看很难看出问题.


后面加个overflow:hidden

另外注意你的结尾多了个引号padding:0; "">
Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn