研究火狐与IE DIV高度自适应解决方法以及背景颜色自适应

研究火狐与IE DIV高度自适应解决方法以及背景颜色自适应:

很多网站找的都没有相关例子，只有自己研究下了，给广大爱好div+css的朋友们使用;

网页布局中常有的一种情况就是网页主体部分分成一行两列；而在很多种情况下，设计师们常把左右两列的背景色设计成不同色彩，以实现内容块的明显区分；但这样的设计给布局提出了一个看似简单，而实现非常难的问题；那就是左右两列怎么样实现背景高度自适应，及左边内容高于右边时，右边背景色也要和左边一样；右边内容高于左边时，左边背景色也要和右边一样；

当年为了实现这个，我在网上查过无数的文章，都没有很好的解决方案；多数人用很大的负数实现，也有人用javascript实现； 后来因为感觉这样实现不合理，所以我一直用表格来实现； 因为这样最简单； 但今天同事问起我这个问题，我中午仔细想了想；想出了一个解决办法，写出来和大家分享；

基本原则：
1、布局要合理，不能为了实现这样的效果而使html的代码变得臃肿。
2、CSS部分也要简单巧妙实现，不能为了这样的效果而写大量的代码；而主要的还是浏览器兼容方面要没有问题。

以下是我实现的代码:

<div style=" background:url(bg.gif); width:100%;border-bottom:1px solid #000;">
  
    <div style=" background:#ff0000; width:200px; margin:0 auto;">
   <div style="float:left;width:100px;table-layout: fixed; height:100px; background:#ccc">6yang.net</div>  
   <div style="float:right;width:100px;table-layout: fixed;height:330px; background:#006699;">6yang.net</div>
    <div  style="clear:both;"></div> 
   </div>
</div>