Posts: 488
Name: Chip Johns
Location: Savannah Georgia
|
If you divs can have fixed sizes, you can try something like this. You just need to do the math a little bit.
HTML Code:
<style type="text/css">
<!--
body {
}
#head {
width: 100%;
height: 200px;
background-color: #666666;
position: relative;
}
#right {
width: 200px;
height: 50px;
background-color: #000099;
float: right;
position: relative;
margin-top: 75px;
margin-bottom: 75px;
}
#left {
width: 500px;
height: 150px;
background-color: #990000;
float: left;
position: relative;
}
-->
</style>
</head>
<body>
<div id="head">
<div id="left">
<h2>This is a test</h2>
</div>
<div id="right">Test</div>
</div>
</body>
</html>
|