I'm trying to make a rounded corner box to display main content in. I would like the box to normally be 494pixels in height even if there is only a small amount of text in it, and then expand to accommodate a lot of text.
If you look at the page http://www.qecomm.com/template.html
I have commented out a few things so that the box expands with the text in it:
) repeat-y left top;
) repeat-y right top;
padding:0px 18px 0px 18px;
margin:-1px 0 -65px 0;
If you remove these comments the box will be resized to the default size I am looking for. But if you add more text than the box can take it overflows. Basically I just want a minimum height, but I wasn't able to get it to work and I need it to work in IE6 and I read it doesn't work in IE6?
I have tried putting a table in the div to see if I could get it to work that way. But the rounded corners didn't display correctly. I also tried putting in a transparent GIF with a set height, but that didn't seem to work when displayed in the browser.
I'm just not sure what the best way to fix this. Even if there was some script that would expand assign the box to expand when needed etc might work too?