Today we realized that the De-Modular Business template doesn’t display entirely correct in IE7. One issue that boggled me for hours on end was when I had 3 columns with the middle column divided into 2 additional columns and they acted like the 3rd column didn’t exist (default install in the Blog section). I am willing to bet that we are not the only ones that has had this happen with a Joomla! template. So how can you fix it?

It took me hours upon hours of trial and error to find a solution for this. I realized it was happening with the tables Joomla creates for content and then nests more tables within that table for additional content (I personally prefer Accessible Joomla! so that I don’t have to worry about such things, but we have to appease the masses still). I’m not exactly sure what prompted IE7 to give this much power to a table, but one line of css will tame it so that it doesn’t flow over your tableless columns, and there doesn’t seem to be any side effects to the code elsewhere in the template. Just insert this to tame your tables…

table * {max-width:100%;}

Now they can’t go beyond their intended usage. Take that tables!!!