Hi gang, I'm having some difficulty making the same div height trick work in IE 7. Of course, it works just fine in Firefox 3.5. I need it to also work in IE 6 and 8.
Here's a link that discusses how to do it: http://www.ejeliot.com/blog/61(I'm not using "faux columns" as there are dynamic background images). I apply the overflow: hidden attribute to the parent container, but it's not working. The shorter column doesn't reach down to match the height of the longer one, as expected. The problem I think is that the columns are containers themselves of content. I'm applying the margin/padding-bottom trick on the innermost content of the columns, as applying them to the column containers seems to do no good. The code: #section1 { /* the container */ border: dashed 2px #aabbcc; clear: both; width: 990px; overflow: hidden; } .home_bttm_block { /* the column container */ width: 484px; position:relative; border: solid 1px #fff; } .home_bttm_list { /* the innermost dynamic columns */ background: #454445 url(../../images/global/home_races.gif) repeat-x; border: dotted 2px #c0bb03; /* same div height trick */ padding: 0px 0px 1000px; margin: 0px 0px -1000px; } 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/
