>웹 프론트엔드 >HTML 튜토리얼 >求前端大神帮帮忙,我把网页缩小后出现图中上的问题,IE上又没问题啊,360就有问题,求教。_html/css_WEB-ITnose

求前端大神帮帮忙,我把网页缩小后出现图中上的问题,IE上又没问题啊,360就有问题,求教。_html/css_WEB-ITnose

WBOY
WBOY원래의
2016-06-24 11:38:221287검색



下面是IE的效果

<style>.qiyenews{	margin-left:-700px;	line-height:30px;	margin-top:20px;}.hangye{  margin-top:-330px;  margin-left:40px;  line-height:30px;}.remeng{    margin-top: -330px;	margin-left: 750px;}.jishu{    margin-left:-700px;	margin-top:-330px;	line-height:30px;}.zhengzhi{	line-height:30px;    margin-top:-330px;	margin-left:40px;	}.zhuanti{	width:370px;    margin-top:-200px;	margin-right:950px;}.shebei{	margin-top:-230px;	margin-left:40%;	line-height:20px;	position:absolute;}.zixun{	 margin-left:800px;	 margin-top:-250px;	 line-height: 27px;}.pictrue{	margin-top:20px;	margin-left:800px;}table,tr,td{	border:1px solid #DDDDDD;}.daohang{	margin-right: 960px;	margin-top: 40px;	margin-bottom: 20px;}</style>

<!-- 新闻展示 --><center><div class="shebei"><a href="content?id={$rand[0][id]}"><span><b style="color:#FF5511;font-size:15px;">{$rand[0][title]|msubstr=0,20,'utf-8',false}</b></span></a><br><span style="float:left;"><a href="content?id={$rand[1][id]}">[{$rand[1][title]|msubstr=0,13,'utf-8',false}]</a></span>  <span style="float:right;"><a href="content?id={$rand[2][id]}">[{$rand[2][title]|msubstr=0,13,'utf-8',false}]</a></span><hr style="width:300px;"><a href="content?id={$rand[3][id]}"><span><b style="color:#FF5511;font-size:15px;">{$rand[3][title]|msubstr=0,20,'utf-8',false}</b></span></a><br><span style="float:left;"><a href="content?id={$rand[4][id]}">[{$rand[4][title]|msubstr=0,13,'utf-8',false}]</a></span>  <span style="float:right;"><a href="content?id={$rand[5][id]}">[{$rand[5][title]|msubstr=0,13,'utf-8',false}]</a></span><hr style="width:300px;"><a href="content?id={$rand[6][id]}"><span><b style="color:#FF5511;font-size:15px;">{$rand[6][title]|msubstr=0,20,'utf-8',false}</b></span></a><br><span style="float:left;"><a href="content?id={$rand[7][id]}">[{$rand[7][title]|msubstr=0,13,'utf-8',false}]</a></span>  <span style="float:right;"><a href="content?id={$rand[8][id]}">[{$rand[8][title]|msubstr=0,13,'utf-8',false}]</a></span><hr style="width:300px;"></div></center><center><div style="margin-left: 42%;position:absolute;line-height: 44px;text-align: left;"><tr><td><a href="content?id={$rand2[0][id]}"><span>行业动态</span>   |  {$rand2[0][title]|msubstr=0,20,'utf-8',false}</td></a><td><a href="content?id={$rand1[0][id]}"><span>产品资讯</span>   |  {$rand1[0][title]|msubstr=0,20,'utf-8',false}</td></a><td><a href="content?id={$rand4[0][id]}"><span>技术应用 </span>   |  {$rand4[0][title]|msubstr=0,20,'utf-8',false}</td></a><td><a href="content?id={$rand5[0][id]}"><span>政策法规</span>   |  {$rand5[0][title]|msubstr=0,20,'utf-8',false}</td></a><td><a href="content?id={$rand3[0][id]}"><span>企业新闻</span>  |  {$rand3[0][title]|msubstr=0,20,'utf-8',false}</td></a><td><a href="content?id={$rand6[0][id]}"><span>其他</span>  |  {$rand6[0][title]|msubstr=0,20,'utf-8',false}</td></a></tr></div></center><!--产品资讯--><div class="zixun"><table border="1" width="270" cellspacing="0" cellpadding="0" style="line-height:20px;"><tr><td><b>产品资讯</b></td></tr><tr><td><volist name="zixun" id="vo"><li tyle="list-style-type:square;margin-left:12px;"><a href="content?id={$vo.id}">&nbsp?{$vo.title}</a></li></volist></td></tr></table></div><!--图片新闻 --><div class="pictrue"><table border="1" width="270" cellspacing="0" cellpadding="0"><tr style="height:30px;"><td><b>图片新闻</b></td></tr><tr><td style="height:200px;"><div style="margin-top:-70px;"><volist name="tunews" id="vo"><div style="float:left;margin-left:20px;margin-top:40px;"><A href="content?id={$vo.id}"><img  src="__ROOT__/{$vo.pics}"    style="max-width:90%"  style="max-width:90%" / alt="求前端大神帮帮忙,我把网页缩小后出现图中上的问题,IE上又没问题啊,360就有问题,求教。_html/css_WEB-ITnose" ></A><p style="margin-left:0px;margin-top:-15px;"><span><a href="content?id={$vo.id}"  style="text-align:center;background:none repeat scroll 0 0 rgba(0, 0, 0, 0.6);font-size:11px;color:#fff;position:absolute;width:105px;">{$vo.title|msubstr=0,8,'utf-8',false}</a></span></p></div></volist></div></td></tr></table></div><!-- 热点专题 --><div class="zhuanti"><b style="margin-left:-50px;">热点专题</b><volist name="redian" id="vo" offset="0" length='1'><a href="content?id={$vo.id}" style="margin-left:120px;margin-top:10px;margin-bottom: 10px;"><span style="color:red;">{$vo.title}</span></a><img  src="__ROOT__/{$vo.pics}"    style="max-width:90%"  style="max-width:90%" style="margin-top:-10px;"/ alt="求前端大神帮帮忙,我把网页缩小后出现图中上的问题,IE上又没问题啊,360就有问题,求教。_html/css_WEB-ITnose" ><p style="margin-left:240px;margin-top:-90px;text-align:justify;width:250px;"><a href="content?id={$vo.id}">{$vo.content|msubstr=0,50,'utf-8',false}</a></p></volist><ul style="margin-top:30px;margin-left:130px;width:400px;text-align:justify;"><volist name="redian" id="vo" offset="1" length='3'><li><a href="content?id={$vo.id}">{$vo.title|msubstr=0,30,'utf-8',false}</a></li></volist></ul></div><!-- 中间大banner --><div class="banner" style="margin-top: initial;"><img  src="__PUBLIC__/img1/banner2.PNG"   style="max-width:90%"/ alt="求前端大神帮帮忙,我把网页缩小后出现图中上的问题,IE上又没问题啊,360就有问题,求教。_html/css_WEB-ITnose" ></div><div><!--企业新闻 --><div class="qiyenews"><table border="1" width="350" cellspacing="0" cellpadding="0"><tr style="height:30px;"><td><div style="height:2px;"><b>企业新闻</b></div><A href="morenews?uid=3"><div style="margin-left:80%;">更多 >></div></A></td></tr><tr><td style="height:300px;"><div style="margin-top:-30px;line-height:10px;"><volist name="qiye" id="vo">    <a href="content?id={$vo.id}">{$vo.title|msubstr=0,18,'utf-8',false}</a><span style="float:right;margin-top:-10px;">[{$vo.publishtime|date="Y-m-d",###}]</span><br></volist></div></td></tr></table></div><!-- 行业动态 --><div class="hangye"><table border="1" width="350" cellspacing="0" cellpadding="0"><tr style="height:30px;"><td><div style="height:2px;"><b>行业动态</b></div><A href="morenews?uid=2"><div style="margin-left:80%;">更多 >></div></A></td></tr><tr><td style="height:300px;"><div style="margin-top:-60px;line-height:10px;"><volist name="dongtai" id="vo">    <a href="content?id={$vo.id}">{$vo.title|msubstr=0,18,'utf-8',false}</a><span style="float:right;margin-top:-10px;">[{$vo.publishtime|date="Y-m-d",###}]</span><br></volist></div></td></tr></table></div><!-- 热门浏览 --><div class="remeng"><table border="1" width="320"  cellspacing="0" cellpadding="0"><tr style="height:30px;"><td><b>热门浏览</b></td></tr><tr><td style="height:650px;"><div style="line-height:14px;margin-top:10px;" ><volist name="remengliulan" id="vo"><img  src="__ROOT__/{$vo.pics}"    style="max-width:90%"  style="max-width:90%" / alt="求前端大神帮帮忙,我把网页缩小后出现图中上的问题,IE上又没问题啊,360就有问题,求教。_html/css_WEB-ITnose" ><p style="margin-top:-60px;margin-left:90px;"><b>{$vo.title|msubstr=0,18,'utf-8',false}</b></p><p style="text-indent:2em;margin-top:0px;margin-left:90px;line-height:15px;">{$vo.content|msubstr=0,48,'utf-8',true}<a href="content?id={$vo.id}"><span style="position:absolute;margin-left:120px;margin-top:-15px;">[详情]</span></a></p><br></volist></div></td></table></div><!-- 技术应用 --><div class="jishu"><table border="1" width="350" cellspacing="0" cellpadding="0"><tr style="height:30px;"><td><div style="height:2px;"><b>技术应用</b></div><A href="morenews?uid=4"><div style="margin-left:80%;">更多 >></div></A></td></tr><tr><td style="height:300px;"><div style="margin-top:-60px;line-height:10px;"><volist name="jishu" id="vo">    <a href="content?id={$vo.id}">{$vo.title|msubstr=0,18,'utf-8',false}<span style="float:right;">[{$vo.publishtime|date="Y-m-d",###}]</span></a><br></volist></div></td></tr></table></div><!-- 整治法规 --><div class="zhengzhi"><table border="1" width="350" cellspacing="0" cellpadding="0"><tr style="height:30px;"><td><A href="morenews?uid=5"><b>整治法规</b><span style="margin-left:67%;">更多>></span></A></td></tr><tr><td style="height:300px;"><div style="margin-top:-60px;line-height:10px;"><volist name="zhengzhi" id="vo">    <a href="content?id={$vo.id}">{$vo.title|msubstr=0,18,'utf-8',false}<span style="float:right;">[{$vo.publishtime|date="Y-m-d",###}]</span></a><br></volist></div></td></tr></table></div></div></div>


回复讨论(解决方案)

写的咱这么乱哟,
div包着tr有意义么?应该先写盒子,再做其他的

360是哪个版本,有可能是IE内核的问题。

已解决,是高度没有设置的问题。

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.