lawrence wrote:
<snip?[color=blue]
> For various reasons I can't use absolute positioning. I need to keep
> the design flexible. I need to find a way to make the design work in
> IE with normal flow.[/color]
How about this approach, works on my IE 6, Netscape 7.2:
1. create a new div, insert it immediately after the "options div" and
before the unnamed no-id'd div.
</div> <!-- options -->
<div id="content_div"></div>
<div style="width:475px; float:right;"> <!-- un-named no-id'd div -->
2. content_div css:
#content_div {
background-color: #ffffff;
float: right;
padding: 0px;
width: 475px;
position: relative;
margin-left: 50px; /* adjust horiz position */
margin-top: 50px; /* adjust vert position */
visibility: hidden;
}
3. use this function to copy the content you want into it and make it
visible:
function makeVisible(nameOfDiv) {
var targetdiv=document.getElementById('content_div');
var divname=document.getElementById(nameOfDiv);
targetdiv.innerHTML=divname.innerHTML;
targetdiv.style.visibility='visible';
}
</script>
4. related div css:
#weblogs,#entries,#newsletters,
#images,#files,#comments,#links,#members,#design,# settings,#categories,#other
{
position: relative;
visibility: hidden;
background-color: #ffffff;
padding: 8px;
width: 475px;
}
Will that work for you?
Mike
padding sets to 0 in Netscape 7.1 but not in IE 
