布局不兼容IE的问题-宽度不够_html/css_WEB-ITnose

WBOY
풀어 주다: 2016-06-24 12:18:27
원래의
6418명이 탐색했습니다.

		<table width="1000" border="0" align="center" cellpadding="0" cellspacing="0">		<TR>			<TD bgcolor="#B0C8D2" height="35">			<div id="ordmenu">			   <ul>				<li class="on"><A HREF="?orderid=541&spclsid=23&tokenkey=271D28EFBF8B166AE4BEE024389DE68D">围护结构</A></li><li><A HREF="?orderid=541&spclsid=24&tokenkey=C2AB7599715289762850E1A1BC2AF5DA">温度湿度系统</A></li><li><A HREF="?orderid=541&spclsid=31&tokenkey=1D8F3CA44C4A6877F2FEAAEA10AA3A3C">光照辐射系统</A></li><li><A HREF="?orderid=541&spclsid=33&tokenkey=C30CD5C806FC3AF4680897FE46B5344D">真空与负压系统</A></li><li><A HREF="?orderid=541&spclsid=34&tokenkey=687FEA155FE6C6EDE73EC3F78221F999">计算机测控系统</A></li><li><A HREF="?orderid=541&spclsid=36&tokenkey=3BE2A5219D1BA70E91AB58BAECC479F2">辅助设施项目</A></li><li><A HREF="?orderid=541&spclsid=112&tokenkey=838D84E94E94B0E81F74AAE9BBA63236">淋雨、雾、冻雨模拟系统</A></li><li><A HREF="?orderid=541&spclsid=150&tokenkey=7CEB05896D62D57E2E240837A90BB09E">砂尘系统</A></li><li><A HREF="?orderid=541&spclsid=153&tokenkey=15118FF8C60CCD942A89903A40D4B91E">通风系统</A></li><li><A HREF="?orderid=541&spclsid=155&tokenkey=08737951CA0B7130AD495D02036737B8">吹风系统</A></li><li><A HREF="?orderid=541&spclsid=156&tokenkey=C2A2613571041F276276208A4B667D64">水处理及给排水系统</A></li><li><A HREF="?orderid=541&spclsid=160&tokenkey=BA6A225CC944D3F13717BC477447A40D">配电、布线与照明工程</A></li><li><A HREF="?orderid=541&spclsid=163&tokenkey=C886CFC466FB38F434DC101591F7D6B7">盐雾模拟系统</A></li><li><A HREF="?orderid=541&spclsid=165&tokenkey=3AB27F4ADE51A98FCAC63ECEBD6AE9A6">高压干燥气体系统</A></li>				</ul>			</div>			<BR>					</TD>		</TR>		</TABLE>
로그인 후 복사


显示结果在:
firefox:


IE9:



以上问题如何解决?请指点?



回复讨论(解决方案)

补充上样式:

#ordmenu{width:100%;margin:0px 0px 0px 5px;}#ordmenu ul{width:100%;margin:0px;padding:0px;}#ordmenu ul li{float:left;margin-left:0px;list-style-type:none;padding:2px 10px 2px 10px;height:24px;border:2px solid #FFFFFF;position:relative;}.on{background-color:#0099CC;}
로그인 후 복사

css加上overflow: hidden试试

#ordmenu ul li{float:left;margin-left:0px;list-style-type:none;height:24px;border:2px solid #FFFFFF;}
#ordmenu ul li a{display:block;padding:2px 10px 2px 10px;} 

원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿