www.hutshow.com CSS web design home/title> </head> <body> <script src="/wp-content/com.js" type="text/javascript"></script> <div class="UBBPanel"><div class="UBBTitle"><img src="images/html.gif" style="margin:0px 2px -3px 0px" alt="div css xhtml xml Source Code to Run"> Source Code to Run <span style="font-weight:100;color:#f7f7f7;">[www.hutshow.com]</span></div><div class="UBBContent"><TEXTAREA cols="60" rows="8" id="temp50765"> <html> <head> <style type="text/css"> #body,div{FONT-SIZE:12px;} #pagebox{ margin:0px; PADDING:20px; BACKGROUND: #FFF; FONT-FAMILY: arial,Tohamo,verdana,sans-serif; WIDTH:600px; } #header{ MARGIN: 0px; BORDER: 0px; BACKGROUND: #ccd2de; WIDTH: 580px; HEIGHT: 60px;} #mainbox { MARGIN: 0px; WIDTH: 580px; BACKGROUND: #FFF; } #menu{ FLOAT: right; MARGIN: 2px 0px 2px 0px; PADDING:0px 0px 0px 0px; WIDTH: 400px; BACKGROUND: #ccd2de; } #content{ FLOAT: right; MARGIN: 1px 0px 2px 0px; PADDING:0px; WIDTH: 400px; BACKGROUND: #E0EFDE;} #sidebar{ FLOAT: left; MARGIN: 2px 2px 0px 0px; PADDING: 0px; BACKGROUND: #F2F3F7; WIDTH: 170px; } #footer{ CLEAR: both; MARGIN: 0px 0px 0px 0px; PADDING: 5px 0px 5px 0px; BACKGROUND: #ccd2de; HEIGHT: 40px; WIDTH: 580px; } </style> </head> <body> <div id="header">this is #header{ MARGIN: 0px; BORDER: 0px; BACKGROUND: #ccd2de; WIDTH: 580px; HEIGHT: 60px;}</div> here is #mainbox { MARGIN: 0px; WIDTH: 580px; BACKGROUND: #FFF; }include #menu,#sidebar & #content <div id="menu">here is #menu{ FLOAT: right; MARGIN: 2px 0px 2px 0px; PADDING:0px 0px 0px 0px; WIDTH: 400px; BACKGROUND: #ccd2de; }</div> <div id="sidebar"><p>this is #sidebar{ FLOAT: left; MARGIN: 2px 2px 0px 0px; PADDING: 0px; BACKGROUND: #F2F3F7; WIDTH: 170px; }，background color is #main's bgcolor</p></div> <div id="content"><p>Here is #content{ FLOAT: right; MARGIN: 1px 0px 2px 0px; PADDING:0px; WIDTH: 400px; BACKGROUND: #E0EFDE;}</p> <p>here is content，by adaptive height</p><p>here is mani content</p> <p>here is content，http://www.hutshow.com/</p> </div> </div> <div id="footer">Here is #footer{ CLEAR: both; MARGIN: 0px 0px 0px 0px; PADDING: 5px 0px 5px 0px; BACKGROUND: #ccd2de; HEIGHT: 40px; WIDTH: 580px; }。</div> </div> </body> </html> </TEXTAREA><br/><INPUT onclick="runEx('temp50765')" type="button" class="ubbbutton" value="Run this code"/> <INPUT onclick="doCopy('temp50765')" type="button" class="ubbbutton" value="Copy this code"/> <span class="ubbbuttonrt">[can be modified to run see the effect ]</span></div></div> </body> </html>