div和table的麻烦?求助![

问题描述

页面表示的是一个树,html如下:<!DOCTYPEHTMLPUBLIC"-//W3C//DTDHTML4.0Transitional//EN"><HTML><HEAD><TITLE>NewDocument</TITLE><METANAME="Generator"CONTENT="EditPlus"><METANAME="Author"CONTENT=""><METANAME="Keywords"CONTENT=""><METANAME="Description"CONTENT=""></HEAD><BODY><DIVclass=dtree><DIVclass=dTreeNode><TABLEcellSpacing="0"cellPadding="0"><TBODY><TR><TD><IMGid=idTreeResultKind0alt=""src="http://localhost/pwis/Images/pdb/proc62/folderopen.gif"></TD><TD><Aclass=nodehref="javascript:dTreeResultKind.o(0);"><Pid=tddTreeResultKind0>全て</P></A></TD></TR></TBODY></TABLE></DIV><DIVstyle="DISPLAY:block"id=ddTreeResultKind0class=clip><DIVclass=dTreeNode><TABLEcellSpacing="0"cellPadding="0"><TBODY><TR><TD><IMGid=jdTreeResultKind1alt=""src="http://localhost/pwis/Images/pdb/proc62/joinbottom.gif"></TD><TD><IMGid=idTreeResultKind1alt=""src="http://localhost/pwis/Images/pdb/proc62/folderopen.gif"></TD><TD><Aclass=nodehref="javascript:dTreeResultKind.o(1);"><Pid=tddTreeResultKind1>工事完成図書</P></A></TD></TR></TBODY></TABLE></DIV><DIVstyle="DISPLAY:block"id=ddTreeResultKind1class=clip><DIVclass=dTreeNode><TABLEcellSpacing="0"cellPadding="0"><TBODY><TR><TD><IMGalt=""src="http://localhost/pwis/Images/pdb/proc62/empty.gif"></TD><TD><IMGalt=""src="http://localhost/pwis/Images/pdb/proc62/join.gif"></TD><TD><IMGid=idTreeResultKind2alt=""src="http://localhost/pwis/Images/pdb/proc62/folder.gif"></TD><TD><Aclass=nodehref="javascript:dTreeResultKind.o(2);"><Pid=tddTreeResultKind2>発注図(DRAWINGS)</P></A></TD></TR></TBODY></TABLE></DIV><DIVclass=dTreeNode><TABLEcellSpacing="0"cellPadding="0"><TBODY><TR><TD><IMGalt=""src="http://localhost/pwis/Images/pdb/proc62/empty.gif"></TD><TD><IMGalt=""src="http://localhost/pwis/Images/pdb/proc62/join.gif"></TD><TD><IMGid=idTreeResultKind3alt=""src="http://localhost/pwis/Images/pdb/proc62/folder.gif"></TD><TD><Aclass=nodehref="javascript:dTreeResultKind.o(3);"><Pid=tddTreeResultKind3>打合せ簿(MEET)</P></A></TD></TR></TBODY></TABLE></DIV><DIVclass=dTreeNode><TABLEcellSpacing="0"cellPadding="0"><TBODY><TR><TD><IMGalt=""src="http://localhost/pwis/Images/pdb/proc62/empty.gif"></TD><TD><IMGalt=""src="http://localhost/pwis/Images/pdb/proc62/join.gif"></TD><TD><IMGid=idTreeResultKind4alt=""src="http://localhost/pwis/Images/pdb/proc62/folder.gif"></TD><TD><Aclass=nodehref="javascript:dTreeResultKind.o(4);"><Pid=tddTreeResultKind4>施工計画書(PLAN)</P></A></TD></TR></TBODY></TABLE></DIV><DIVclass=dTreeNode><TABLEcellSpacing="0"cellPadding="0"><TBODY><TR><TD><IMGalt=""src="http://localhost/pwis/Images/pdb/proc62/empty.gif"></TD><TD><IMGalt=""src="http://localhost/pwis/Images/pdb/proc62/join.gif"></TD><TD><IMGid=idTreeResultKind5alt=""src="http://localhost/pwis/Images/pdb/proc62/folder.gif"></TD><TD><Aclass=nodehref="javascript:dTreeResultKind.o(5);"><Pid=tddTreeResultKind5>完成図(DRAWINGF)</P></A></TD></TR></TBODY></TABLE></DIV><DIVclass=dTreeNode><TABLEcellSpacing="0"cellPadding="0"><TBODY><TR><TD><IMGalt=""src="http://localhost/pwis/Images/pdb/proc62/empty.gif"></TD><TD><IMGalt=""src="http://localhost/pwis/Images/pdb/proc62/join.gif"></TD><TD><IMGid=idTreeResultKind6alt=""src="http://localhost/pwis/Images/pdb/proc62/folder.gif"></TD><TD><Aclass=nodehref="javascript:dTreeResultKind.o(6);"><Pid=tddTreeResultKind6>写真(PHOTO)</P></A></TD></TR></TBODY></TABLE></DIV><DIVclass=dTreeNode><TABLEcellSpacing="0"cellPadding="0"><TBODY><TR><TD><IMGalt=""src="http://localhost/pwis/Images/pdb/proc62/empty.gif"></TD><TD><IMGalt=""src="http://localhost/pwis/Images/pdb/proc62/join.gif"></TD><TD><IMGid=idTreeResultKind7alt=""src="http://localhost/pwis/Images/pdb/proc62/folder.gif"></TD><TD><Aclass=nodehref="javascript:dTreeResultKind.o(7);"><Pid=tddTreeResultKind7>地質データ(BORING)</P></A></TD></TR></TBODY></TABLE></DIV><DIVclass=dTreeNode><TABLEcellSpacing="0"cellPadding="0"><TBODY><TR><TD><IMGalt=""src="http://localhost/pwis/Images/pdb/proc62/empty.gif"></TD><TD><IMGalt=""src="http://localhost/pwis/Images/pdb/proc62/joinbottom.gif"></TD><TD><IMGid=idTreeResultKind8alt=""src="http://localhost/pwis/Images/pdb/proc62/folder.gif"></TD><TD><Aclass=nodehref="javascript:dTreeResultKind.o(8);"><Pid=tddTreeResultKind8>その他(OTHRS)</P></A></TD></TR></TBODY></TABLE></DIV></DIV></DIV></DIV></BODY></HTML>问题:服务器在我本机上起动,用本机的浏览器访问这个网页是OK的,树形结构也完整紧凑。但是,在别的机器上的浏览器访问,树形结构就散架了,行与行之间有很大的距离。请大家帮忙解释下。

解决方案

解决方案二:
浏览器不兼容
解决方案三:
你可以试着在本机上用不同内核的浏览器做一下测试
解决方案四:
引用2楼g_beginner的回复:

你可以试着在本机上用不同内核的浏览器做一下测试

如果是浏览器不兼容的话,怎么办呀?div或table能不能设置个什么属性能解决这个问题呢?
解决方案五:
只能说说我的想法了,做页面最好选择用div+css,最好不要用table标签,这样的兼容性会比较好,同时选择不同内核的浏览器做一下测试,包括FireFox、Chrome、Opera、还有IE的各个版本,其中FireFoex是最支持W3C标准的,最恶心的是IE6,很多都不兼容,但也有解决的办法,同时针对于不同内核的IE的问题可以使用IETest进行测试
解决方案六:
引用4楼g_beginner的回复:

只能说说我的想法了,做页面最好选择用div+css,最好不要用table标签,这样的兼容性会比较好,同时选择不同内核的浏览器做一下测试,包括FireFox、Chrome、Opera、还有IE的各个版本,其中FireFoex是最支持W3C标准的,最恶心的是IE6,很多都不兼容,但也有解决的办法,同时针对于不同内核的IE的问题可以使用IETest进行测试

谢谢帮助!我用的css+div不熟,麻烦呀。
解决方案七:
引用5楼xuezt的回复:

引用4楼g_beginner的回复:只能说说我的想法了,做页面最好选择用div+css,最好不要用table标签,这样的兼容性会比较好,同时选择不同内核的浏览器做一下测试,包括FireFox、Chrome、Opera、还有IE的各个版本,其中FireFoex是最支持W3C标准的,最恶心的是IE6,很多都不兼容,但也有解决的办法,同时针对于不同内核的IE的问题可以使用IETest进行测试……

慢慢来吧,这个东西还是需要稍微下一点功夫的
解决方案八:
引用6楼g_beginner的回复:

引用5楼xuezt的回复:引用4楼g_beginner的回复:只能说说我的想法了,做页面最好选择用div+css,最好不要用table标签,这样的兼容性会比较好,同时选择不同内核的浏览器做一下测试,包括FireFox、Chrome、Opera、还有IE的各个版本,其中FireFoex是最支持W3C标准的,最恶心的是IE6,很多都不兼容,但也有解决的办法,同时针对于不同内核的……

谢谢关心帮助,这个问题解决了。div中套table是不好的,我把table去掉了,为了使<p>标签的内容不换行,我给他加了个属性inline。

时间: 2024-11-03 21:18:49

div和table的麻烦?求助![的相关文章

网页设计之css+div PK table+css

css|设计|网页|网页设计 用过div+css作个整个网站,如果是纯粹的div的布局是比较麻烦的,尤其是你div里面嵌套div的,div布局的时候,你有些页面效果还是要舍弃一点的,比如图片的圆角,这些如果套div比较麻烦,在一个div在VS2005设计器里面可能变形,如果过多的套div,你实现ajax拖动效果的时候比较麻烦,所以我觉得眼下还是div+嵌套table比较好. 圆角--可以用div+css做出一样漂亮的圆角,而且不用图片,而且是宽度.高度自适应的 怎么实现?挖挖Google Tal

DIV与Table两种页面布局方式在大型网站的可用性比较

DIV与TABLE本身并不存在什么优缺点,所谓web标准只是推荐的是正确的使用标签,好比说:DIV用于布局,而TABLE则本来就是转二维数据的.让TABLE做该做的事,并不是说页面里不出现TABLE就是多么多么牛. 用DIV进行排版的优势就是我不说,大家应该都比较清楚.DIV是标准,是大势所趋,但并不意味着所有的页面都适合用它来做. 中国的门户和国外的有很大的区别,中国网民并不喜欢信息量少的页面,YAHOO到了中国页面上的内容就多了不少,而上次改为简洁的页面后访问量下降的厉害以至于没过几天就又改

DIV与Table布局在大型网站的可用性比较

比较 DIV与TABLE本身并不存在什么优缺点,所谓web标准只是推荐的是正确的使用标签,好比说:DIV用于布局,而TABLE则本来就是转二维数据的.让TABLE做该做的事,并不是说页面里不出现TABLE就是多么多么牛. 用DIV进行排版的优势就是我不说,大家应该都比较清楚.DIV是标准,是大势所趋,但并不意味着所有的页面都适合用它来做. 中国的门户和国外的有很大的区别,中国网民并不喜欢信息量少的页面,YAHOO到了中国页面上的内容就多了不少,而上次改为简洁的页面后访问量下降的厉害以至于没过几天

Div与table的区别在速度和加载与网页应用等等中的差别介绍

Div与table的区别在各个方面表现都很明显比如速度和加载方式方面的区别.在网页应用中的差别等等,多不胜数,下文详细整理了一下,喜欢的朋友可以参考下,希望可以帮助大家更好的理解Div与table的区别 1:速度和加载方式方面的区别 div 和 table 的差异不是速度,而是加载方式,速度只能是指网络速度,如果速度足够快,是没有差异的: div 的加载方式是即读即加载,遇到 没有遇到 的时候一样加载 div 中的内容,读多少加载多少;table 的加载方式是完成后加载,遇到 后,在读到 之前,

seo优化div与table布局的区别

seo优化div与table布局的区别 在开始学做网页时,根本就不知道什么是seo也不知道,动态网站是怎么做的,那么自然那时做网站是挣不了钱了,更不要说排在搜索引擎前几位了.也更不知道div是什么啊. 好了现在我们就来看看table与div布局的区别.     table是由:    <table class=classname><tr> </td>内容</td></tr></table> 如果我们要显示多行数据就会出现很多tr 与t

javascript-关于DIV的裁剪问题,求助

问题描述 关于DIV的裁剪问题,求助 我现在有个DIV内嵌背景图片,固定宽度1920PX,当浏览器变小的时候DIV自动从两边向中间裁剪,裁剪到1320px时,停止裁剪. 我现在的做法是,两层DIV,外面一层设置宽度1920px,里面一层同样设置1920px同时添加背景图片,这样当浏览器往里面缩小时,设置外层DIV为浏览器宽度设置里面那一次的margin-left为浏览器宽度减去1920再除以二,当缩减到1320时停止裁剪,可以实现效果. 但是唯一有一个问题,初始化的工作全部在window.onl

div仿table效果代码演示

以下是代码:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Co

层(div或table)的左右滚动

<script language="javascript">function MM_setIMG(w,h,d) {  if (w==null) {w=0}  if (h==null) {h=0}  if (w<=h){ if (h>=114 || h==0) {d.height=114}}else{ if (w>=114 || w==0) {d.width=114}}}   </script>   <table width="5

div内table居中实现代码

 代码如下: #dlgReply  {  /*display: table-cell;  text-align: center;*/  vertical-align: middle;  }  table  {  margin-left: auto;  margin-right: auto;  }  html代码:  代码如下: <div id="dlgReply">  <table>  <tr>  <td>  <label>