----- Original Message ----- From: "Tom Rogers" <[EMAIL PROTECTED]> To: "'css'" <css-d@lists.css-discuss.org> Sent: Sunday, August 06, 2006 7:18 AM Subject: [css-d] padding or margin issue
>I have a problem where the text is right up to the edge of the layout table. > Nothing I do with the style sheet seems to change it. It looks OK in > Internet Explorer, but with FireFox and Opera, and browsers on my friends > Mac there is no space. > > The most recent article I published is at > http://www.power2u.org/articles/international/northern_europe.html > > Also, I had created a print style sheet, which worked fine, but now text on > the right is clipped off. > > Any suggestions would be greatly appreciated. I have a suggestion that aids (I hope) in understanding what the problem is. I can't explain all the ins and outs. I'll leave that to others who are more experienced. Seems like there is an inheritance problem. In your html file you have a <tr> with an id of #maincontent. IE assumes that you want the properties defined in tr#maincontent to be inherited by its children. So in IE it works fine. In Firefox, you must force the inheritance (not sure why this is the case) by adding an id to the child td of tr#maincontent, then force inheritance by adding the property ... { padding: inherit }. This fixes it but I have many questions as to why. I would have thought that the properties would have been inherited but maybe <tr>s and <td>s follow different rules. You could also simply place the #maincontent id in the td. This works too but also leaves me with many questions. Mike ______________________________________________________________________ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/