Tau Web0526

Tau Web0526 - Presentation Transcript

<?xml version=\"1.0\" encoding=\"utf-8\"?> <!DOCTYPE html PUBLIC \"-//W3C//DTD XHTML 1.0 Strict//EN\" \"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd\"> <html xmlns=\"http://www.w3.org/1999/xhtml\"> <head> <title></title> <meta http-equiv=\"content-type\" content=\"text/html;charset=utf-8\" /> <meta http-equiv=\"Content-Style-Type\" content=\"text/css\" /> <link rel=\"stylesheet\" type=\"text/css\" href=\"css/default.css\" /> </head> <body> <div id=\"header\"> <p> </p> </div> <div id=\"sidebar\"> <p> </p> </div> <div id=\"content\"> <p> </p> </div> <div id=\"footer\"> <p> </p> </div> </body> </html>

Header Content Sidebar Footer

....( ).... <body> <div id=\"header\"> <p> </p> </div> <div id=\"sidebar\"> <p> </p> </div> <div id=\"content\"> <p> </p> </div> <div id=\"footer\"> <p> </p> </div> </body> ....( )....

#header { padding: 20px; background: #ccc; } #footer { padding: 20px; background: #ccc; }

#header { padding: 20px; background: #ccc; } #sidebar { float: right; width: 30%; background: #999; } #footer { padding: 20px; background: #ccc; }

#header { padding: 20px; background: #ccc; } #sidebar { float: right; width: 30%; background: #999; } #content{ margin-right: 32%; } #footer { padding: 20px; background: #ccc; }

....( ).... <body> <div id=\"header\"> <p> </p> </div> <div id=\"content\"> <p> </p> </div> <div id=\"sidebar\"> <p> </p> </div> <div id=\"footer\"> <p> </p> </div> </body> ....( )....

#header { padding: 20px; background: #ccc; } #content{ float: left; width: 68%; } #sidebar { float: right; width: 30%; background: #999; } #footer { clear: both; padding: 20px; background: #ccc; }

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; }

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;

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%;