<?xml version="1.0" encoding="iso-8859-1"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns='http://www.w3.org/1999/xhtml'
 	     xmlns:xbl='http://www.w3.org/ns/xbl'
	     xmlns:xhtml='http://www.w3.org/1999/xhtml' >
 <head>
  <title>XBL 2.0 Test: Template test - reordering</title> 
  <xbl xmlns="http://www.w3.org/ns/xbl">
   <binding element="body">
    <template>
     <div id="wrapper">
	 <div id="col2"><content includes=".nav"/></div>
	 <div id="col1"><content includes=".main"/></div>
     </div>
    </template>
    <resources>
     <style>
	 #wrapper { display: table-row; }
	 #col1, #col2 { display: table-cell; }
     </style>
    </resources>
   </binding>
  </xbl>
 </head>
 
 <body>
  <div class="main">
   <h1>A header  -- part of "main" div class</h1>
   <p> Text here   -- part of "main" div class </p>
  </div>
  <div class="nav">
   <p><a href="http://thisleadstonowhere.com/">This is a hyperlink</a>  -- part of "nav" div class</p>
   <p> Text in here too  -- part of "nav" div class </p>
  </div>
  
  <p><b> Info on the test:</b> In the actual html file, the "main" div class parts are on top of the "nav" div class parts. However, the xhtml
 file contains a style for the xhtml body, that reverses the order of these two div classes. </p>
  
 </body>
</html>
