<!
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 	complex 3-col page."
name =description >
< META
content ="demo,test,big john,big,john,position is everything, 	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
< 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 	complex 3-col page."
name =description >
< META
content ="demo,test,big john,big,john,position is everything, 	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