css trouble only in IE

bizarre flip has Netscape working and IE broken

[sldesigns]

Please help! I cannot see the problem in these lines of code:

.intext { font-family: Verdana, Arial, Helvetica, sans-serif, "Trebuchet MS"; font-size: 11px; font-style: normal; line-height: normal; font-weight: normal; color:#F93F3F}

.intt { font-family: Verdana, Arial, Helvetica, sans-serif, "Trebuchet MS"; font-size: 11px; font-style: normal; line-height: 13px; font-weight: bolder; color:#f93f3f}

And yet IE won't recognize them (Netscape does). The .css file this is in has other styles that all work in both browsers. If you wish to see the issue, it's at <Eeek!> home page.

I've been trying new things for over an hour and can't find a solution. Thank you for sharing your awesome brainpower!

[edited by: Nick_W at 4:46 pm (utc) on Sep. 23, 2003]
[edit reason] no urls please / thanks! [/edit]

[AWildman]

Let me welcome you to Webmasterworld.

First, can you be more descriptive of what's happening and perhaps tell us on which tags you are applying these styles?

[edited by: Nick_W at 4:46 pm (utc) on Sep. 23, 2003]

[drbrain]

font-family: Verdana, Arial, Helvetica, sans-serif, "Trebuchet MS";

You should have sans-serif last.

font-style: normal;
line-height: normal;
font-weight: normal;

Did you override these in a parent element? If not, you don't need to specify them.

And for the record, I've seen IE doing the wrong thing far far more often than standards compliant browsers do. IE is broken.

[sldesigns]

Okay, sorry about the URL thing.

Here is the html code from the page:

<div id="Layer8" style="position:absolute; left:200px; top:410px; width:600px; height:90px; z-index:14">
<p class="intext">blah blah blah substituting fake text here <a href="faq.htm">Learn more</a>. </p>
<p><span class="intt">secret name</span><span class="intext"> blah blah more fake text</span></p>
<p><span class="intext">Choose one of the options below
or call us to discuss your new idea!</span></p>
</div>

It doesn't seem to make a difference whether I use <p class="intext"> or the span option.

For reference, here is the css snippet again:

.intext { font-family: Verdana, Arial, Helvetica, sans-serif, "Trebuchet MS"; font-size: 11px; font-style: normal; line-height: normal; font-weight: normal; color:#F93F3F}

.intt { font-family: Verdana, Arial, Helvetica, sans-serif, "Trebuchet MS"; font-size: 11px; font-style: normal; line-height: 13px; font-weight: bolder; color:#f93f3f}

FYI: I'm using Dreamweaver 3 (Mac) and editing the css in SimpleText

[AWildman]

I just tried your code and it worked fine on IE 6 and NN 7. Do you have any styles other than the inline ones on Layer8?

What version of IE did you try it on that it failed?

[sldesigns]

I'm using IE 5 for the Mac, and online the text shows up as big black times and spills out of it's box into the box below. It works when I preview off-line.

There is one other area with text and that style (from the same style sheet) is working fine.

I made sure the css link to the page is correct and uploaded that at the same time as the html page.

[AWildman]

1. Look at the css and verify that it is syntatically correct. Make sure that you've used the correct punctuation. Run it through a css validator. The problem may not even be on the lines of css that you are applying here but a missed } at the end of a style declaration may throw off the browser.

2. Try p.intt, span.intt{css declarations here} to increase specificity. Do this for both intt and intext

[sldesigns]

I ran it through the validator at the W3C site, it seemed to be fine.

Do you mean to specify both the paragraph and the span for this text? As in:

<p class="intext"><span class="intext"> blah </span></p>

?

I really appreciate your help. It seems such a silly thing to be so frustrating!

[AWildman]

No, I mean more like the following:

p.intext, span.intext{ font-family: Verdana, Arial, Helvetica, "Trebuchet MS", sans-serif; font-size: 11px; color:#F93F3F}

[sldesigns]

Thanks for the clarification.

A very embarassing thing happened on the way to the forum. . .
I had to reboot the computer and now the site works! The first rule in diagnosing a problem and would you know it, it works. A problem I won't repeat.

Thank you, though, for proving this forum to be a great support site for webmasters. Everyone here -- especially awildman -- is awesome!

[AWildman]

I'm all verklempt now. I don't know what to say... :)

I'm glad that it's working for you. I too would NEVER have thought to just reboot. If that happens again, for whatever reason, also don't forget to clear your cache, which is probably why rebooting worked.

Merry coding.