tailieunhanh - Professional Web Design: Techniques and Templates- P8

Professional Web Design: Techniques and Templates- P8: This is the must-have book for designers who want to expand their skills and improve the quality of their designs. Learning CSS technology and continually improving one's design and developer skills is essential for every Web designer in today's marketplace. The goal of Professional Web Design: Techniques and Templates is to educate beginning-to-intermediate Web designers on the various issues involved with Web design through general discussion, case studies, and specific tips and techniques | 332 Chapter 12 Case Study Full-Height Three-Column Layout margin-left auto margin-right auto text-align left background 7ED0D4 url images repeat-y right top border 0px solid 000000 a5-header position relative left 0px top 0px height 117px background url images repeat-x border 1px solid 000000 a5-column-left float left width 181px height auto border 1px solid 000000 a5-body-content position relative margin-left 181px border 1px solid 000000 a5-column-center position relative left 0px top 0px margin 23px 0px 0px 20px font bold arial helvetica sans-serif line-height 19pt border 1px solid 000000 a5-column-right float right width 250px margin-top -23px text-align left border 1px solid 000000 Please purchase PDF Split-Merge on to remove this watermark. Building the Structure 333 a5-footer clear both text-align center line-height 35px background 4A7A7D border 1px solid 000000 global structure styles end style head body div id a5-body-center div id a5-body div class a5-bg-left div class a5-bg-right - - header start - - div id a5-header Header content div - - header end - - - - left column start - - div id a5-column-left span style color ffffff Left content span div - left column end - - body content start - div id a5-body-content div id a5-column-center div id a5-column-right Right content div div style margin-right 246px text-align right Center br content br goes br right. br Extra br words br are br added br to br extend br the br content. div div div - - footer start - - div id a5-footer span style color ffffff Footer content span div Please purchase PDF Split-Merge on to remove this watermark. 334 Chapter 12 Case Study Full-Height Three-Column Layout - - footer end - - - - body content end - - div div div div body html There are several things to note about the code in Listing The a5-header row is the first structural element to be added. It is given relative positioning so it expands the .