Div Sidebar width: 328px;
?<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" dir="ltr" lang="en-US"
xml:lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />
<title></title>
<style rel="stylesheet" type="text/css">
#content {
background: url(images/bg.gif) top left repeat-y;
width: 1001px;
float: left;
font-family: Tahoma, sans-serif;
font-size: 11px;
color: #676767;
}
.inside {
background: url(images/main_bg.jpg) top left no-repeat;
padding: 30px 0 0 0;
float: left;
}
#sidebar {
width: 328px;
float: left;
padding: 0 38px 45px 29px;
}
</style>
</head>
<body>
<div id="content">
<div class="inside">
<div id="sidebar">
<div class="order">
<form action="#">
<h3>Reservation</h3>
<div class="button"><a href="#"><img src="images/button.gif" alt="" width="134" height="21" /></a></div> <div class="inner_copy"><a href="http://www.beautifullife.info/">beautiful</a><a href="http://www.grungemagazine.com/">grunge</a></div>
</form>
</div>
<div class="block">
<h4>Locations</h4>
<p>Magna a luctus lacinia, sem Lorem vestibulum neque ac onsectetuer Donec fermentum varius erat. Sed sit amet tellus. Duis tristique, lacus vel nonummy lobortis, nibh massa dapibus diam a viverra augue ipsum et diam. </p>
<img src="images/map.jpg" alt="" width="304" height="207" class="map" /><br />
<a href="#" class="more">more info</a> <a href="#">ZOOM</a>
</div>
</div>
</div>
</div>
</body>
</html>
Related examples in the same category