1 reply [Last post]
omar
Offline
newbie
Last seen: 16 years 1 week 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?

DJSdotcom
Offline
Enthusiast
Rochester, NY / Chicago, IL
Last seen: 16 years 26 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

Mike

[/code]

</twocents>