Hello everyone, Long time viewer, first time poster. Have a question about the overflow property and trying to get it to work.
I am using the overflow property on a container div to get the css same height trick <http://www.ejeliot.com/blog/61> to work. It works, but now I can't have the div itself have the scrollbar visible when content overflows. Instead, what happens is that the whole browser window is scrollable, which in IE 6/7 not only breaks the equal height column trick, but also prevents me from having that inner content div from scrolling. I tried setting the overflow-x and y properties to hidden and auto, respectively, but that didn't solve the problem either. Here's some code that might help out: <div id="container"> <div id="right" class="column"> <!--#include virtual="/includes/services.incl"--> </div> <div id="left" class="column"> <!--#include virtual="/includes/leftNav.incl"--> </div> <div id="result"></div> </div> Services.incl <div id="servicesContent"> <div class="banner"> <div class="bannerImage"><img src="/images/services.jpg"></div> </div> <div class="activeBar"></div> <div class="s_content"> .... (lots of static content) </div> CSS #container { padding-left: 315px; overflow: hidden; min-height: 100%; } #container .column { position: relative; float: left; margin-bottom: -2000px; padding-bottom: 2000px; } div.s_content { padding-left: 80px; color: #6c6b68; padding-right: 80px; /* overflow-y: auto; overflow-x: auto; */ } #servicesContent { /*float: left;*/ padding: 0px; margin: 0px; overflow-x: hidden; overflow-y: auto; overflow: hidden; } Thanks! Eugene ______________________________________________________________________ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
