Forum Moderators: not2easy

Message Too Old, No Replies

Equal length columns, overflow: hidden;?

Having problems with IE hiding overflow.

         

SilkWorks

3:14 pm on Sep 3, 2006 (gmt 0)

10+ Year Member



This is working fine in FF, but IE ignores it. I have large bottom margin and large negative bottom padding contained in a wrapper with overflow set to hidden, to keep my columns the same length for different content, which seems to be ignored in IE. Other than that I'm pretty happy with the site, but I don't really know what I'm doing, so I don't really know what I'm doing wrong..

Can anyone help?

Structure;

<div id="divBranding">

</div>

<div id="divWrapper">

<div id="divSidebar">
</div>

<div id="divContainer">
</div>

</div>

<div id="divFooterWrapper">

<div id="divInfo">
</div>

</div>

CSS for body;

body {
width: 800px;
margin-right: auto;
margin-left: auto;
}

CSS for wrapper;

#divWrapper {
overflow: hidden;
*html overflow:scroll;
display: block;
}

CSS for Sidebar;

#divWrapper #divSidebar {
float: left;
width: 198px;
margin-bottom: -1999px;
padding-bottom: 1999px;
position: relative;
}

And CSS for Content;

#divWrapper #divContainer {
float: right;
width: 598px;
margin-bottom: -1999px;
padding-bottom: 1999px;
position: relative;
}

And CSS for Footer Wrapper;

#divFooterWrapper {
width: 800px;
margin-right: auto;
margin-left: auto;
position: relative;
clear: both;
}

SilkWorks

4:09 pm on Sep 3, 2006 (gmt 0)

10+ Year Member



The site renders properly in opera, netscape and FF, it's just that 60% of my hits are from IE browsers..

Have just uploaded latest revision to www.silk-works.com

Regards,

James.

SilkWorks

9:57 am on Sep 4, 2006 (gmt 0)

10+ Year Member



Anyone have any ideas? I'm really happy with the result in most other popular browsers, just IE makes it look messy..