存档

文章标签 ‘html’

HTML与CSS小技巧

2009年12月10日

1,当table中td为空时,IE6中将不显示border;即<td style=border:1px solid #000></td> 这个border是没有效果的;
解决方法:

<style>
table {border-collapse:collapse;}
td {empty-cells:show;}
</style>

2,左右栏的一栏固定宽度,另一栏自适应100%:

html:

<div id=m>
<div id=l></div><div id=r></div><div class=c></div>
</div>

css:

#m {width:100%;}
#l {with:190px; float:left;}
#r {margin-left:190px;}
.c {clear:both;}

3,左右栏高度一致,代码如:\

<div id=m>
<div id=l></div><div id=r></div><div></div>
</div>

方法一:为<div id=m>添加背景图片;
方法二:js解决,代码如下:

<script type=”text/javascript”>
window.onload=window.onresize=function(){
if(document.getElementById(“r”).clientHeight<document.getElementById(“l”).clientHeight){
document.getElementById(“r”).style.height=document.getElementById(“l”).offsetHeight+”px”;
}
else{
document.getElementById(“l”).style.height=document.getElementById(“r”).offsetHeight+”px”;
}
}
</script>

界面与前端 ,