topical media & game development
[] readme course(s) preface I 1 2 II 3 4 III 5 6 7 IV 8 9 10 V 11 12 afterthought(s) appendix reference(s) example(s) resource(s) _

talk show tell print

professional-xml-03-CSSPlay-TwoColumn.htm / htm



  <!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">
  <head>
      <title>Two Column Layout</title>
      <link href="TwoColumn.css" rel="stylesheet" type="text/css" />
  </head>
  <body>
      <div id="banner">
          Banner Area</div>
      <div id="leftColumn">
          <h3>
              Menu Area</h3>
          <div>
              Lorem</div>
          <div>
              ipsum</div>
          <div>
              dolor</div>
      </div>
      <div id="mainContent">
          <h3>
              Main Content Area</h3>
          <div>
              Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Suspendisse sit amet odio.
              Duis porta pulvinar arcu. Curabitur pellentesque, neque id hendrerit volutpat, ante
              nulla mattis lacus, sit amet varius augue orci a enim. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Suspendisse sit amet odio.
              Duis porta pulvinar arcu. Curabitur pellentesque, neque id hendrerit volutpat, ante
              nulla mattis lacus, sit amet varius augue orci a enim. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Suspendisse sit amet odio.
              Duis porta pulvinar arcu. Curabitur pellentesque, neque id hendrerit volutpat, ante
              nulla mattis lacus, sit amet varius augue orci a enim. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Suspendisse sit amet odio.
              Duis porta pulvinar arcu. Curabitur pellentesque, neque id hendrerit volutpat, ante
              nulla mattis lacus, sit amet varius augue orci a enim. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Suspendisse sit amet odio.
              Duis porta pulvinar arcu. Curabitur pellentesque, neque id hendrerit volutpat, ante
              nulla mattis lacus, sit amet varius augue orci a enim. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Suspendisse sit amet odio.
              Duis porta pulvinar arcu. Curabitur pellentesque, neque id hendrerit volutpat, ante
              nulla mattis lacus, sit amet varius augue orci a enim.</div>
      </div>
  </body>
  </html>
[] readme course(s) preface I 1 2 II 3 4 III 5 6 7 IV 8 9 10 V 11 12 afterthought(s) appendix reference(s) example(s) resource(s) _

(C) Æliens 20/2/2008

You may not copy or print any of this material without explicit permission of the author or the publisher. In case of other copyright issues, contact the author.