PDA

View Full Version : Expand Resizeable-Reloaded beyond containing DIV in IE



uofmpike
17 Jan 2007, 7:11 AM
I have a 2 column fixed-width layout with each column containing a vertical stack of Resizeable-Reloaded content divs.

I'd like the horizontally resized content divs to be able to exceed the fixed column width and overlap the other column. This works per W3C spec like I would like in FF2 but in IE6 when I resize a content div it also widens the containing column div and pushes the other column rather than overlapping. Is there any workaround for this or am I forced to absolutely position all the content divs?

Here's the CSS for my columns:



#container {
width: 900px;
}
#left-column {
position: relative;
float: left;
width: 436px;
margin-left: 5px;
margin-right: 5px;
z-index: 4;
border:1px solid green;
}
#right-column {
position: relative;
width: 436px;
margin-left: 451px;
border:1px solid red;
z-index: 3;
}