如何把table改成div+css

来源：百度知道 编辑：UC知道 时间：2024/05/21 22:39:54
<TABLE cellSpacing=0 cellPadding=0 width=774 align=center bgColor=#ffffff border=0>
<TR>
<TD width=7 background=/images/bg_left.gif></TD>
<TD><iframe id="onlineframe" border="0" marginwidth="0" framespacing="0" marginheight="0" src="" frameborder="0" width="760" scrolling="No" height="60"></iframe></TD>
<TD width=7 background=/images/bg_right.gif></TD>
</TR>
</TABLE>
本人刚接触这 忘高手帮忙改下 好学习参考

这个其实很简单了的
先写下结构：
<div id="content">
<div class="left"></div>
<div class="center">插入嵌套文件</div>
<div class="right"></div>
</div>

再定义css文件

#content{
width:774px;
margin:auto;
text-align:center;
position:relative;
background:#FFFFFF;
}
.left{
width:7px;
position:relative;
float:left
margin:0;
padding:0;
background:url(images/bg_left.gif) transparent no-repeat;
}
.center{
width:760px;
height:60px;
float:left;
position:relative;
margin:0;
padding:0;
}
.right{
width:7px;
position:relative;
float:left;
margin:0;
padding:0;
background:url(images/bg_right.gif) transparent no-repeat;
}

表格是一个多行多列的形式。一般一行中的列用span定义，一行用一个DIV，从数据库中取数据的话，也能用循环实现。