Welcome to the MacNN Forums.

eevyl · Feb 10, 2004, 01:31 PM

Well, I almost give up on trying to develop a web site that renders in IE for Win and conforms to modern standards.

I thought I had all under control when I have encountered a nasty bug I don't know a hack or workaround for.

This is the web page

Under IE for Win, each blog entry contents are shifted one pixel to the left, ultimately overflowing out of the box...

Any clue?

Thanks

Chris O'Brien · Feb 10, 2004, 01:48 PM

Ah - this sounds like what was discussed here:

http://www.stopdesign.com/log/2004/0...r_example.html

Just use borders apparently and it's fixed.

eevyl · Feb 10, 2004, 02:18 PM

Originally posted by Black Book:
Ah - this sounds like what was discussed here:

http://www.stopdesign.com/log/2004/0...r_example.html

Just use borders apparently and it's fixed.

Yessss that fixed it!

Adding a bottom border and all set....

DUNSEL · Feb 12, 2004, 04:19 PM

You might be the person who would know what I'm looking for. I saw a script there "opacity.js". I'm trying to find the syntax to change opacity in Safari. I have it for Moz/NS and IE, but I don't even know what range of values Safari accept for the property. Can you help? I know the syntax for setting it in css is -khtml-opacity, but that's all I know.

Turias · Feb 12, 2004, 04:25 PM

This page seems to think that Safari will correctly render the -khtml-opacity property.

eevyl · Feb 12, 2004, 04:30 PM

Originally posted by DUNSEL:
You might be the person who would know what I'm looking for. I saw a script there "opacity.js". I'm trying to find the syntax to change opacity in Safari. I have it for Moz/NS and IE, but I don't even know what range of values Safari accept for the property. Can you help? I know the syntax for setting it in css is -khtml-opacity, but that's all I know.

That opacity code in my web page is for allowing PNG with transparency on Explorer for Windows. I grabbed the code from http://www.alistapart.com probably.

Chris O'Brien · 08:18 AM

originally at http://www.quirksmode.org/css/opacity.html:
Why can't all these browsers just implement opacity instead of all this weird code?

that's a rather easy question to answer from that site: opacity is just a W3C CSS recommendation (or is it a standard now???) and so, unlike MSIE, other browsers are implementing it without breaking CSS standards (coming up with their own style rules). That is, rather than using an unapproved (as yet, I think) attribute, they are implementing it now, and letting people play around with it. Mozilla started it by using -moz-opacity (they use the -moz- prefix for everything that is not a standard, but is something that will be - or should be - implemented) and so khtml followed.

What I quoted above annoys me, because all the browsers will eventually implement opacity (rather than -???-opacity) when it is a standard, but for now they are just letting us play around with scripts that implement it. I see MSIE as particularly bad in forming their own way of doing it and implementing it as if it were a standard.

I've been peeved about this issue for years which is why I'm ranting about it now

Anyway - having said all that, -moz-opacity seems to have been removed from Mozilla based browsers, and -khtml-opacity doesn't work in my tests. I should really take a trip to the w3c (haven't been there in ages) but it would seem that opacity is now a recommendation. using opacity: 0.2; (etc) works in Safari 1.2 (in the range 0.0 - 1.0), so that's all you need now. I shall have to get updated on the current CSS implementations in different browsers - I seem to have fallen behind the times....

DUNSEL · Feb 13, 2004, 11:42 AM

I suppose we can't be too upset, since as you said, it's not a standard and isn't slated for release until CSS3, a few yrs from now. I think CSS2.1 is still not agreed upon.

But no reason for us to not use these functions. Just have to browser sniff and change syntax accorindgly. Alas. Thanks for the help~!