Forum Moderators: not2easy
Here's what I got, I'm sure you've all seen some flavor of this issue before.
Using a nested DIV scenario, I'd like the child DIVs to expand their borders as well as their parents borders as content fills them. I've gotten this to work in IE (the more forgiving/misbehaving expander) but I'm struggling a bit in FF with tables. Regular content, paragraphs, headers, etc, expand the DIVs as they should in FF, but when I add a table it overflows. I've tried to specificially set the child DIV's table property to height:auto, but it still overflows.
I'm sure this issue has to do with the specificity of my CSS. What's the correct way to define Table elements that are nested a few levels down?
And on a random unrelated note, does anybody know why FF seems to ignore the lineheight property?
Thanks in advance
It's about time I've finally joined!
To start with your random unrelated note, as far as I can see, FF does support the line-height property - but note the "-" in between.
It's hard to say what's going on with your overflowing div. I just nested eight divs, added a table, pasted the contents of your post in there, added "height:auto;" to some divs but nothing overflowed (Mac/FF).
Maybe you should post some relevant code and CSS?
Well, naturally when tyring to reproduce the error, it stopped happening. This wasn't my page to begin with, I'm doing some editing, and I see there was a bit of CSS-hacking going on. When starting from scratch using the same nesting configuration it worked fine, so who knows.
If you're using the overflow: hidden method (ie not using clearer divs), this can cause problems within Firefox when using tables (AFAIK only on the windows version).
