Forum Moderators: not2easy
I think I've seen it done before but then it might of just been done with the background having a shadow. I'm not entirely sure. Anyway there is a wrapper div followed by a header, menu, left, center, right, footer. The idea is to attach a shadow to the wrapper div somehow.
Anyway if anyone has some ideas I couldn't find anything with a search or at least nothing that seemed to be right to the purpose so hoping someone may at least be able to steer me in the right direction.
Thank you
Stewart
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head><title>Box with border</title>
<style type="text/css">
.wrappera {
background-color:#ccc;
padding-left:10px;
padding-bottom:10px;
width:400px;
position:absolute;
top:20px;
}
.wrapperb {
margin-top:-10px;
border:1px solid;
background-color:white;
padding:5px;
width:100%;
}
.bd, .bdf {
outline:1px dashed blue;
clear:both;
}
.bdf {
float:left;
clear:none;
width:33.333%
}
</style>
</head>
<body>
<div class="wrappera">
<div class="wrapperb">
<div class="bd header">header</div>
<div class="bd menu">menu</div>
<div class="bdf left">left</div>
<div class="bdf middle">middle</div>
<div class="bdf right">right</div>
<div class="bd foot">foot</div>
</div>
</div>
</body>
</html>The box will grow with the content, as per expectation; this is designed for a fixed overall width - is that what you want?
