Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

Tau Web0526

  • Login to see the comments

  • Be the first to like this

Tau Web0526

  1. 1. <?xml version=quot;1.0quot; encoding=quot;utf-8quot;?> <!DOCTYPE html PUBLIC quot;-//W3C//DTD XHTML 1.0 Strict//ENquot; quot;http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtdquot;> <html xmlns=quot;http://www.w3.org/1999/xhtmlquot;> <head> <title></title> <meta http-equiv=quot;content-typequot; content=quot;text/html;charset=utf-8quot; /> <meta http-equiv=quot;Content-Style-Typequot; content=quot;text/cssquot; /> <link rel=quot;stylesheetquot; type=quot;text/cssquot; href=quot;css/default.cssquot; /> </head> <body> <div id=quot;headerquot;> <p> </p> </div> <div id=quot;sidebarquot;> <p> </p> </div> <div id=quot;contentquot;> <p> </p> </div> <div id=quot;footerquot;> <p> </p> </div> </body> </html>
  2. 2. Header Content Sidebar Footer
  3. 3. ....( ).... <body> <div id=quot;headerquot;> <p> </p> </div> <div id=quot;sidebarquot;> <p> </p> </div> <div id=quot;contentquot;> <p> </p> </div> <div id=quot;footerquot;> <p> </p> </div> </body> ....( )....
  4. 4. #header { padding: 20px; background: #ccc; } #footer { padding: 20px; background: #ccc; }
  5. 5. #header { padding: 20px; background: #ccc; } #sidebar { float: right; width: 30%; background: #999; } #footer { padding: 20px; background: #ccc; }
  6. 6. #header { padding: 20px; background: #ccc; } #sidebar { float: right; width: 30%; background: #999; } #content{ margin-right: 32%; } #footer { padding: 20px; background: #ccc; }
  7. 7. ....( ).... <body> <div id=quot;headerquot;> <p> </p> </div> <div id=quot;contentquot;> <p> </p> </div> <div id=quot;sidebarquot;> <p> </p> </div> <div id=quot;footerquot;> <p> </p> </div> </body> ....( )....
  8. 8. #header { padding: 20px; background: #ccc; } #content{ float: left; width: 68%; } #sidebar { float: right; width: 30%; background: #999; } #footer { clear: both; padding: 20px; background: #ccc; }
  9. 9. body { margin:0; } #header { padding: 20px; background: #ccc; } #content{ float: left; width: 68%; } #sidebar { float: right; width: 30%; background: #999; } #footer { clear: both; padding: 20px; background: #ccc; }
  10. 10. body { } margin:0; background: #fff; #footer { } clear: both; padding: 3%; #header { background: #ccc; padding: 3%; } background: #ccc; } #content{ float: left; width: 65%; padding-left: 3%; background: #fff; } #sidebar { float: right; width: 30%; background: #999;
  11. 11. body { margin-left: 30px; margin: 0; } padding: 0; } #footer { padding: 30px; #sidebar { background: #ccc; position: absolute; } top: 100px; right: 0; width: 30%; background: #999; } #header { padding: 30px; height: 40px; background: #ccc; } #content{ margin-right: 32%;

×