I got the following CSS and HTML which don't give the expected results in IE.
<style type="text/css"> .moduletable { border:1px solid #FF9900; padding:0 0 10px 0; margin:0; } </style>
<table cellspacing="0" cellpadding="1" align="center" class="moduletable"> <tbody> <tr> <th valign="top">Main Menu</th> </tr> <tr> <td> <table width="100%" border="0" cellpadding="0" cellspacing="1"> <tbody> <tr align="left"> <td> <a href="index.php?option=com_frontpage&Itemid=1" class="mainlevel">Home</a> </td> </tr> <tr align="left"> <td> <a href="index.php?option=content&task=view&id=20&Itemid=54" class="mainlevel">About Us</a> </td> </tr> <tr align="left"> <td> <a href="index.php?option=content&task=view&id=17&Itemid=41" class="mainlevel">Our Mission</a> </td> </tr> <tr align="left"> <td> <a href="index.php?option=content&task=view&id=21&Itemid=55" class="mainlevel">What is PHP?</a> </td> </tr> <tr align="left"> <td> <a href="index.php?option=content&task=category&sectionid=2&id=75&Itemid=56" class="mainlevel">Group FAQ</a> </td> </tr> <tr align="left"> <td> <a href="index.php?option=com_contact&Itemid=3" class="mainlevel">Contact Us</a> </td> </tr> </tbody> </table> </td> </tr> </tbody> </table>
I am trying to give the table with the moduletable class to have a bottom padding of 10px . This works perfectly well on Mozilla but nuthin happens on IE. Could someone point me to what I am doing wrong ?
cheers,
Jeffery
[Edit] The code is from a CMS system so I can't modify the existing HTML
Table padding in IE
The table is not reacting to the internal table, but will for the text. Have no idea why.
To see what I mean add class="moduletable" to the table inside. So have separate classes for the tables, one with border, and one with padding.
Regards
Day
Table padding in IE
Thanks Daybreak_0,
I would prefer not to edit the HTML in the code as it belongs to an existing CMS system and will be prone to frequent updates in the future. Another reason being there are too many of them to update... hence my search for a CSS based solution. I don't mind if it involves a bit of javascript.
Table padding in IE
anyone ?