|
| |
| Two column: content and right bar |
|
|
|
|
|
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<style type="text/css">
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.java2java.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>
|
|
|
| Related examples in the same category |
|