----- 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/

Reply via email to