Dear Mike,

Thanks so much for your suggestions/observations.  I had an inkling that the
id "maincontent" was in the wrong location.  I moved it from the <tr> tag to
the <td> tag, so what was once:

</td>
</tr>
<tr id="maincontent">
<td>
<!-- #BeginEditable "maincontent" -->&nbsp;&nbsp;&nbsp; In April-May, 2006,
I gave a series of talks in Sweden,....

Is now

</td>
</tr>
<tr>
<td id="maincontent">
<!-- #BeginEditable "maincontent" -->&nbsp;&nbsp;&nbsp; In April-May, 2006,
I gave a series of talks in Sweden,....

Now I just have to change 80 more articles, good thing it's done with a
template.

Sincerely,

Tom Rogers


-----Original Message-----
From: Michael Gaab [mailto:[EMAIL PROTECTED] 
Sent: Sunday, August 06, 2006 10:56 AM
To: Tom Rogers; 'css'
Subject: Re: [css-d] padding or margin issue


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