|
| |
| Header bar, two columns, menu on the right |
|
|
|
|
|
<?xml version="1.0" encoding="utf-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/2000/REC-xhtml1-20000126/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<title></title>
<style type="text/css">
#top {
margin: 5px 15px 0px 15px;
padding: 10px 10px 10px 0px;
color: #ccc;
border-bottom: 1px solid #ccc;
height: 25px;
}
#content {
margin: 0px 122px 0px 5px;
padding: 20px 10px 20px 10px;
}
#sidebar {
position: absolute;
top: 75px;
right: 0px;
margin: 0px 0px 5px 0px;
padding: 0px 10px 10px 15px;
width: 90px;
border: 1px solid #ccc;
}
</style>
</head>
<body>
<div id="top">
<h1>Lorem ipsum</h1>
</div>
<div id="content">
this is a test. this is a test. this is a test. this is a test. this is a test.
this is a test. this is a test. this is a test. this is a test. this is a test.
this is a test. this is a test. this is a test. this is a test. this is a test.
this is a test. this is a test. this is a test. this is a test. this is a test.
this is a test. this is a test. this is a test. this is a test. this is a test.
</div>
<div id="sidebar">
this is a test. this is a test. this is a test. this is a test. this is a test.
this is a test. this is a test. this is a test. this is a test. this is a test.
this is a test. this is a test. this is a test. this is a test. this is a test.
this is a test. this is a test. this is a test. this is a test. this is a test.
this is a test. this is a test. this is a test. this is a test. this is a test.
</div>
</body>
</html>
|
|
|
| Related examples in the same category |
|