body{ min-width:740px; } #right{ float: right; width: 200px; background-color: #ccc; border:1px solid #000; } #content{ margin-right:220px; border:1px solid #000; background-color: #aaa; } </style> </head> <body> <div id="outer"> <div id="right"> <h3>Right Side</h3> <p>This is some right text : this is some righ text : this is some right text : This is some right text : this is some righ text : this is some right text : This is some right text : this is some righ text : this is some right text : This is some right text : this is some righ text : this is some right text : </p> </div>
<div id="content"> <h3>Content Area</h3> <p><img src="http://www.navioo.com/style/logo.png" width="500" height="102" /></p> <p>Main area text. Main area text. Main area text.Main area text.Main area text.Main area text.Main area text.Main area text.Main area text.Main area text.Main area text.Main area text.Main area text.Main area text.Main area text.vMain area text.Main area text.Main area text.Main area text.Main area text.Main area text.</p> </div> <div style="clear:both">Footer</div> </div> </body> </html>
