9个永不过时的css三栏布局
我喜欢3栏布局的网页设计，但是3栏布局相对来说就比较复杂，有些难以控制，尽管时下正火的Web2.0似乎很少采用3栏布局。但没关系，我们是非非非主流。
首先，任何一个布局通常都有headers, navigation bars, content containers,
sidebars以及
footers。我们在设计三栏主题的时候，最重要的目的就是发挥其最大的灵活性和自适应高度，这样才会看上去更加美观。下面9个三栏CSS布局将从多个
方面来实现最好的布局方法，并都兼容IE和FF。
两个固定栏和一个可变栏
一个精致的3栏布局技巧示例
1. #leftcontent {
position: absolute;
left:10px;
top:50px;
width:200px;
}
2. #centercontent {
margin-left: 199px;
margin-right:199px;
margin-left: 201px;
margin-right:201px;
}
HTML>body #centercontent {
margin-left: 201px;
margin-right:201px;
}
3. #rightcontent {
position: absolute;
right:10px;
top:50px;
width:200px;
}
使用100%高度
1. #left { float: left; width: 155px; padding: 5px; position: relative; /*** IE needs this ***/ }
2. #right { float: right; width: 110px; padding: 5px; position:
relative; /*** IE needs this ***/ margin-right: -120px; /** This
negative margin-right value is the same as the right column width
(width + padding). ***/ position: relative; /*** IE needs this ***/ }
3. #content { float: right; margin-right: -165px; /*** Same l
相关文档：
1.一行三列
<!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" lang="gb2312">
<head><title>css布局：一行三列</title>
<link rel="stylesheet" href ......
版权声明：原创作品，允许转载，转载时请务必以超链接形式标明文章原始出版、作者信息和本声明。否则将追究法律责任。http://blog.csdn.net/mayongzhan - 马永占,myz,mayongzhan
书接上回，上次说到下次更新是很久很久之后的事，果不其然，确实是久了一点，也正说明csdn在稳定中前进。今天发现原来在博客右下的广告框，现� ......
我们经常用js控制CSS样式，从而达到良好的用户界面和动态效果。我们经常使用的两种方式：
方法1：
var element= document.getElementById(”id”);
element.style.width=”200px”;
element.style.height=”200p ......
对DIV+CSS偶还是新手,所以对ID与CLASS之间的区别,偶到今天也还是有些许迷茫,刚才查了下相关资料,果然给偶指明了方向,下面是它们之间的区别来自网上内容我把它收藏了进来,以便参考:
一、在web标准中是不容许重复ID的，例如 div id="a" 不容许重复2次；而class所定义的是类，理论上可以无限重复。以根据需要多次引用 ......
來源：http://www.webjx.com/css/divcss-17091.html
中文原文：CSS在Internet Explorer 6, 7 和8中的差别
译自：CSS Differences in Internet Explorer 6, 7 and 8
关于浏览器的最离奇的统计结果之一就是Internet Explorer
版本6，7和8共存。截至本文，Internet Explorer各个版本总共占据了大约65%的市场 ......
