div+css布局事例1

<! DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3c.org/TR/1999/REC-html401-19991224/loose.dtd" >
< HTML  lang =en  xml:lang ="en"  xmlns ="http://www.w3.org/1999/xhtml" >< HEAD >< TITLE > 三栏复合布局演示 </ TITLE >
< META  content ="Holly Bergevin, April 1, 2003"  name =author >
< META  http-equiv =content-Type  content ="text/html; charset=gb2312" >
< META  content =true  name =mssmarttagspreventparsing >
< META
content ="A demo showing possibilities for laying out a &#10;&#9;complex 3-col page."
name =description >
< META
content ="demo,test,big john,big,john,position is everything,&#10;&#9;position,css,html,bug,bugs,bug fix,holly bergevin,holly's wilderness"
name =keywords >
< META  content =global  name =distribution >
< META  content =document  name =resource-type >
< META  content =all  name =robots >
< META  http-equiv =imagetoolbar  content =no >
< STYLE  type =text/css > ... HTML {...}{
 PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-SIZE: 100%; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px
}
BODY {...}{
 PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-SIZE: 100%; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px
}
BODY {...}{
 FONT-SIZE: 80%; BACKGROUND: #9ba49b; COLOR: #000; FONT-FAMILY: Verdana, Geneva, Arial, Helvetica, sans-serif
}
#pagetitle {...}{
 PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-SIZE: 210%; PADDING-BOTTOM: 0px; MARGIN: 0px; COLOR: #771464; PADDING-TOP: 10px; TEXT-ALIGN: center
}
PRE {...}{
 FONT-WEIGHT: normal; FONT-SIZE: 95%; MARGIN: 0px 0px 0px 10px; PADDING-TOP: 8px; FONT-FAMILY: Verdana, sans-serif
}
P {...}{
 PADDING-RIGHT: 7px; PADDING-LEFT: 10px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 8px
}
#contents P {...}{
 FONT-WEIGHT: bold
}
.altcolor {...}{
 FONT-WEIGHT: bold; COLOR: #eef7e2
}
.altcolor2 {...}{
 COLOR: #cde7a8
}
.altcolor3 {...}{
 FONT-WEIGHT: bold; COLOR: #771464
}
#demotext {...}{
 BORDER-RIGHT: #233622 2px solid; PADDING-RIGHT: 5px; BORDER-TOP: #233622 2px solid; PADDING-LEFT: 0px; BACKGROUND: #cde7a8; PADDING-BOTTOM: 5px; MARGIN: 8px 149px 5px 10px; BORDER-LEFT: #233622 2px solid; COLOR: #233622; PADDING-TOP: 0px; BORDER-BOTTOM: #233622 2px solid; POSITION: relative
}
A:link {...}{
 PADDING-RIGHT: 1px; PADDING-LEFT: 1px; PADDING-BOTTOM: 1px; COLOR: #eef7e2; PADDING-TOP: 1px; TEXT-DECORATION: underline
}
A:visited {...}{
 PADDING-RIGHT: 1px; PADDING-LEFT: 1px; PADDING-BOTTOM: 1px; COLOR: #eef7e2; PADDING-TOP: 1px; TEXT-DECORATION: underline
}
A:hover {...}{
 PADDING-RIGHT: 1px; PADDING-LEFT: 1px; BACKGROUND: #eef7e2; PADDING-BOTTOM: 1px; COLOR: #000; PADDING-TOP: 1px; TEXT-DECORATION: underline