1 reply [Last post]
Last seen: 17 years 2 weeks ago
Joined: 2003-09-11
Posts: 2
Points: 0

I applied the following CSS on a series of textboxes in a popup-box:

.edit {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-style: normal;
font-weight: bold;
color: #940808;
text-decoration: none;
background-color: #D9E0E8;
border: #00609F;
border-style: solid;
border-top-width: 1px;
border-right-width: 1px;
border-bottom-width: 1px;
border-left-width: 1px

No problem with IE6 on a Windows-system. I've used the W3C CSS validator which shows no errors.
On a Mac the page stretches beyond the visible range of the popup because the CSS isn't executed and the textboxes are shown with "standard height".
Does anyone know why CSS are not (always) executed on Mac?

Rochester, NY / Chicago, IL
Last seen: 17 years 27 weeks ago
Rochester, NY / Chicago, IL
Joined: 2003-03-23
Posts: 95
Points: 0

CSS doesn't work on Mac OSX with standard browser "Safa

Check this code:

.edit {
	font: bold 12px Arial, Helvetica, sans-serif;
	background: #D9E0E8;
	color: #940808;
	border: 1px solid #00609F; }

Because the text-decoration CSS rule defaults to "none", there's no need for it (only on links is it needed, really). You double set the style of the font from normal to bold, so I just kept the bold.

The above code is the condensed version of your code Wink