BlogJava-ice world-随笔分类-CSS

解决表单 form 撑大表格 table 的方法

IceWee — Sat, 16 Apr 2011 06:03:00 GMT

今天遇到了一个很头疼的问题，整整找了一个下午解决方案，原本就是一个table里有两行，可第一行的内容就是和底边有很大的空间，因为用到了表格控件，内容都是动态生成的，最后查看源代码，是控件自动增加了一个form标签，问题就出现在这个form标签上。

其实我有遇到过form会占空间的情况，但一直没解决方案，今天终于找到了两种：

第一种，通过HTML写死的方式，不要将form标签方到的里面或者外面，应该这样

IceWee 2011-04-16 14:03 发表评论

IE6在打开窗口中提交表单无返回的解决方法

IceWee — Sat, 16 Apr 2011 05:50:00 GMT

最近项目中使用了window.open()函数打开新窗口，并且在新的窗口中进行一系列操作，当然要涉及到表单的提交与返回，页面跟随刷新，我的机器上测试通过，我用IE7。但是发布到服务器上发现，弹出的窗口中页面不刷新，也就是表单没有提交，不！表单已经提交了，而是页面没有返回，页面只是闪了一下，页面还是那个页面。这肯定又是IE版本导致的问题。看似没什么代码与IE版本关系那么大啊？！最后发现，以前程序里连接触发JS函数 href里写的都是“#”，而我写的则是“javascript:void(0)”，会不会是这里的问题呢！于是我将“#”替换了 “javascript:void(0)”，OK！万事大吉！果然是这个小东西在捣鬼！

IE6:xxx

IE7:xxx 或者 xxx

IceWee 2011-04-16 13:50 发表评论

解决document.body.clientHeight没给你你想要的现象

IceWee — Fri, 15 Apr 2011 18:32:00 GMT

HTML文档中使用了脚本控制内容的高度，所以要用到 document.body.clientHeight，但是发现结果却不是想象的那样，请教高手得来真经，是需要设置html,body样式。试试去掉红色的样式设置。脚本的功能是解决窗口进入后最大化不能自适应的问题。

demo.html

DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html xmlns=" http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>Eletric Power Integrative Systemtitle>
<style type="text/css">
   html, body {
    width: 100%;
    height: 100%;
    margin: 0px;
    padding: 0px;
   }
style>
<script type="text/javascript">
   function $(id) {
    return document.getElementById(id);
   }

   window.onload = window.onresize = function() {
    $('cententMain').style.height = (document.body.clientHeight - 100) + 'px';
    //alert($('cententMain').style.height);
   }
script>
head>
<body>
<table width="100%" border="0" cellspacing="0" cellpadding="0">
   <tr>
    <td>
     <div id="header" style="height:75px; background:#006F68; left:0px; top:0px; width:100%; z-index:1000">div>
    td>
   tr>
   <tr>
    <td>
     <div id="cententMain" style="background-color:#fff; position:absolute; left:0px; top:75px; bottom:25px; width:100%; z-index:100">
      <iframe id="indexFrame" name="indexFrame" src="http://www.xjgc.com" width="100%" height="100%" frameborder="1">iframe>
     div>
    td>
   tr>
   <tr>
    <td>
     <div id="footer" style="background:#006F68; border-top:1px solid #1291a9; height:25px; position:absolute; left:0px; bottom:0px; width:100%; z-index:1000" align="center" valign="bottom">
      <span style="font-size:11px;color:#fff;font-family:Verdana, Arial, Helvetica, sans-serif;">©2008 - 2012 Icesoftspan>
     div>
    td>
   tr>
table>
body>
html>

IceWee 2011-04-16 02:32 发表评论

按钮设置背景图在IE6和IE7中的不同显示

IceWee — Fri, 15 Apr 2011 18:31:00 GMT

最近负责项目中的界面修改工作，遇到了一个奇怪的问题，代码如下：

.bg {
    background-attachment: fixed; /* 设定背景图不滚动 */
    font-size: 9pt; /* 设定字体 */
    background-image: url(space.gif); /* 设定背景图url */
    background-repeat: no-repeat; /* 设置背景图不平铺 */
    height: 19px; /* 等于背景图高度 */
    width: 58px; /* 等于背景图宽度 */
    background-position: center center; /* 设定背景图居中 */
    border: none; /* 取消边框 */
   }

<input type="button" class="bg" value=" 提交">

我的系统用的是IE6，现在大多数用户用的都是IE7。我的电脑显示为：

可同事的电脑上却显示：

令我很疑惑，于是在电脑上装了IE6和IE7，发现果真是这样，由于本人并不是网页设计师，对CSS略知一二而已，这个问题是在解决不了，开始在网上搜索，但是相关主题不多，可能这不算是个问题吧！却把我难住了，终于搜索到一片相关的帖子，中说把：“ background-attachment: fixed;” 去掉，在IE7中就可以显示了，我试着去掉这行代码，果真解决问题了，但却不知其原因。。。

IceWee 2011-04-16 02:31 发表评论