A piece of CSS can be displayed normally in IE, but not in other browsers_html/css_WEB-ITnose

WBOY
Release: 2016-06-24 11:56:02
Original
1124 people have browsed it

It’s roughly like this. I put a log in a DIV at the head, then add a menu (parallel with the LOG), and give each menu a background image.
However, the text of the displayed result menu is always shifted and is not displayed under its background image, but goes behind it. The display of the background image is also abnormal. The resolution I set is 1200, which is below 1024*768. There is a part of the background image in front that cannot be displayed, and the entire form has scroll bars. Seek it high.

<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>
Copy after login


Reply to the discussion (solution)

Can anyone reply? .

Use TABLE, this problem won’t exist with TABLE

You’d better take your code out of the project and test it separately, or you can post it and we can help you figure out the problem. , what you sent is just a piece of code, it is not easy for us to test, it is difficult to see the problem just by looking at it.


followed by overflow:hidden

Also note that you have an extra quotation mark at the end padding:0; "">

Statement of this Website
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn
Popular Tutorials
More>
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template