• Create BookmarkCreate Bookmark
  • Create Note or TagCreate Note or Tag
  • PrintPrint
Share this Page URL
Help

Backyard > Layout Methods

Layout Methods

The markup on the facing page contains the basic building blocks for three columns and a footer. The main content area is placed before the two sidebars within the source code, for the sake of search engines and users browsing without CSS enabled; the sooner the text occurs in the source, the less navigation and link fluff that needs to be skipped over to get to a page’s content.

<div id="wrapper">
   <div id="contentArea">
      <p>(headers and text here)</p>
   </div>
   <div id="leftPanel">
      <p>(links and various text items here)</p>
   </div>
   <div id="rightPanel">
      <p>(links and various text items here)</p>
   </div>
   <div id="footer">
      <p>(Copyright statement, links, etc.)</p>
   </div>
</div>


PREVIEW

                                                                          

Not a subscriber?

Start A Free Trial


  
  • Creative Edge
  • Create BookmarkCreate Bookmark
  • Create Note or TagCreate Note or Tag
  • PrintPrint