Forum Moderators: not2easy

Message Too Old, No Replies

p tag specifications not working on IE for Mac

Style for p tags is working on PC but not Mac.

         

Helenium

6:41 pm on Oct 28, 2004 (gmt 0)

10+ Year Member



I am gradually moving the design of our site to use more CSS (so if you see some deprecated HTML, yes I know, but we can't change it all at once). Anyway, I have created the following on an external stylesheet.

p { margin-bottom:1em;
font-family: Times New Roman, Times, serif;
font-size:1em;
text-align: left;
}

.maincap { margin-top:.5em; margin-bottom:.5em;
font-family: Times New Roman, Times, serif;
font-size:1em;
text-align: center;
}

Everything looks fine on IE and Firefox on the PC. The problem is, that on a Mac running OS 9, I see that in IE there is no space between paragraphs where the p tag is used. And unless I put td align="center" where I want to use p class="maincap", the maincap text won't show up centered.

Here's an example: [georgeglazer.com...]

Here is a page where I put the td align="center" to fix the "maincap" problem on the Mac, but instead of three paragraphs in the item description, it looks like one big awkward paragraph because the margin-bottom tag didn't do its job:

[georgeglazer.com...]

I'd be grateful for your help.

--Helen

encyclo

9:19 pm on Oct 28, 2004 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member



Welcome to WebmasterWorld [webmasterworld.com], Helenium. You might want to check out the Terms of service [webmasterworld.com] which does not permit the posting of personal URLs.

I think the problem may lie with this line:

font-family: Times New Roman, Times, serif;

You should place quote marks around font family names which are more than one word:

font-family: [b]"Times New Roman"[/b], Times, serif;

This may be why the browser was ignoring your later rules.

You should put your CSS through the CSS validator [jigsaw.w3.org], which helps identify problems such as this.

Helenium

1:27 am on Oct 29, 2004 (gmt 0)

10+ Year Member


>>>I think the problem may lie with this line:

font-family: Times New Roman, Times, serif;

You should place quote marks around font family names which are more than one word:

font-family: "Times New Roman", Times, serif;

This may be why the browser was ignoring your later rules.<<<<

And you were 100% right! Thanks! And I also appreciate the explanation of why the quotes around Times New Roman.

>>You might want to check out the Terms of service which does not permit the posting of personal URLs.<<<

Sorry about that. I had no idea. I thought it was more polite to direct someone to a URL than post lengthy code (which was the preference on another web forum I participated in). But consider me notified.

--Helen