Hi I have a problem with this template -> http://www.joomlademo.de/index.php?mos_change_template=orange_fruit Yes, it's table based and I can live with that... however, there is a problem with IE7 - in other browsers all "columns" are equal height (= height of the taller one), but in IE7 every column will be only as long as required (= height of it's content). Every "column" is in fact table nested into main table cell (http://pozmu.net/demo.html) FF and Opera display it correctly (nested table height = 100%), however IE, as you can see on the picture, doesn't expand them. I tried many combinations... But the only fix I know is to remove DTD - without it IE is rendering nested table correctly. But that's not a solution... any ideas? Thanks in advance Simple model of this: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> </head> <body> <table height="1"> <tr> <td style="height: 100%; border: solid 3px black;">dummy<br>text<br>dummy<br>text<br>dummy<br>text<br>dummy<br>text<br></td> <td style="height:100%; border: solid 3px green;"> <table style="border: solid 3px yellow; height:100%;"> <tr> <td style="height:100%;">TEST</td> </tr> </table> </td> </tr> </table> </body> </html> HTML: Opera & FF will display: IE7 will display:
Hi I've got exactly the same problem. Did You find a solution for that in the meanwhile? Or can someone else provide a solution? I think the main problem behind this is that the w3c specification says that if you give the height a percentage value then the parent element MUST have a fix height. So the parents height is not allowed to be a percentage value too. I think having both, the parent and the child element height 100% works in firefox because it uses the computed height of the parent, which ie7 does not. ie7 only takes the fix height you've set the parent to (which is zero). Removing the DTD is also no option for me. I really hope that someone else can provide a solution. Regards Humppa!