[Powerbook]

I've a CSS anomaly here I can't get a (CSS) solution for. I have these two css classes:

class="prod_headline"
{
text-decoration: none;
font-family: Verdana,Arial,Helvetica,sans-serif;
font-size: 12pt;
color: #000000;
font-weight: bold;
font-style: normal;
}

class="prod_text"
{
text-decoration: none;
font-family: Verdana,Arial,Helvetica,sans-serif;
font-size: 10pt;
color: #000000;
font-weight: normal;
font-style: normal;
}


The source pages are PHP-based - eg. from the index.php:

<tr>
<td colspan="2" align="left" valign="middle" class="prod_headline">
it-services
</td>
</tr>
<tr>
<td width="600" align="left" valign="top" class="prod_text">
Unser Service-Angebot erstreckt sich auf
die Bereiche Beratung, e-Business, WebDesign,
Software-Entwicklung, Datenbank-Programmierung,
Datenbank-Konzeption, Schulung, Netzwerklösungen,
Corporate-Identity-Design, Web-Hosting und Multimedia,
bis hin zu Ihrem individuellen Online-Spiel.
</td>


Output:
WIN_IE: white background (css stated), black headline, black text
MAC_IE: white background (css stated), black headline, WHITE text !??!? WHY?



Regards,
PB.

[Millennium]

Is the CSS you posted your actual code? Those aren't valid CSS selectors; they should be '.prod_header' and '.prod_text' rather than 'class="prod_header"' and 'class="prod_text"'.

I think we're going to need to see more of the code, in any case. What you're talking about sounds like an IE/Mac bug, but I don't see any code in your examples that would trigger anything like that.

[Powerbook]

Originally posted by Millennium:
Is the CSS you posted your actual code? Those aren't valid CSS selectors; they should be '.prod_header' and '.prod_text' rather than 'class="prod_header"' and 'class="prod_text"'.

I think we're going to need to see more of the code, in any case. What you're talking about sounds like an IE/Mac bug, but I don't see any code in your examples that would trigger anything like that.

Of course, these are .xyz, I just edited the properties for better reading.

I parked this temp site under http://www.runtime.de , if you want to check this with Macbrowsers.

Regards,
PB.

[Millennium]

I'm still looking, but one thing jumped out immediately: you have semicolons after all your CSS rules. These need to be removed. Here's an example:

Code:
.prod_headline {
  text-decoration: none;
  font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 12pt; color: #000000;
 font-weight: bold; font-style: normal;
}; <--- Remove this semicolon

Firefox seems to be having this same issue, though I'm not yet sure why. However, it would point to this being an IE/Win bug, not an IE/Mac bug as I'd previously thought.

[Oisín]

Originally posted by Millennium:
Firefox seems to be having this same issue, though I'm not yet sure why. However, it would point to this being an IE/Win bug, not an IE/Mac bug as I'd previously thought.

Yup, Opera as well.

[Powerbook]

Originally posted by Millennium:
I'm still looking, but one thing jumped out immediately: you have semicolons after all your CSS rules. These need to be removed. Here's an example:

Code:
.prod_headline {
  text-decoration: none;
  font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 12pt; color: #000000;
 font-weight: bold; font-style: normal;
}; <--- Remove this semicolon

Firefox seems to be having this same issue, though I'm not yet sure why. However, it would point to this being an IE/Win bug, not an IE/Mac bug as I'd previously thought.

I just worked over all .css classes and... now it works! Awesome, Millennium, thanks!

PB.