Netscape, IE issues; possible css problem?

[transmothra]

http://www.meat-thing.com/transmothra.com/main.php

in nn6, it seems to slow down by an incredible degree (warning: i mean incredible!)
i'm wondering why... perhaps nn6 doesn't like multiple stylesheets...? i don't get it.

in ie6, the bottom box is not formatted using the css i specified, and i can't figure out for the life of me why not, since i'm using the exact same ID for the other two boxes. the only difference is that the top two are in a table.

i'm using dynamically-generated internal css in conjunction with an external css file. i'm using some local/inline css as well in a couple of places.

any help will be immensely appreciated...

[transmothra]

update: fixed the problem with the bottom <DIV> tag, still no clue why Netscape hates it, though.
:confused:

[transmothra]

turns out that NN6 doesn't like
background:url("alpha_white.png");
in a <DIV>.

...suggestions?

[Catman]

Try including both background-image:url(alpha_white.png); and layer-background-image:url(alpha_white.png);.

[transmothra]

thanks... doesn't seem to work for some reason... as soon as it sees background-image:url(alpha_white.png); it wants to slow to a near halt... layer-background-image:url(alpha_white.png); doesn't seem to have any effect (??!).
i don't remember ever running into this problem before with NN6.

i've attached a copy of the HTML i'm currently testing (as PHP spits it out on NN6)...

above the <style> tag in the head is a comment which includes the offensive code.

also, above the HTML is the contents of the current external CSS file.

(this code may not be real clean, since some of the CSS isn't even used, but it's not causing any problems)

[transmothra]

on a whim, i decided to test the page out using a GIF image for the background, rather than a PNG.

<the Jerk>
it's these PNGs! it doesn't like the PNGs!
</the Jerk>

[jkd]

Originally posted by transmothra
<the Jerk>
it's these PNGs! it doesn't like the PNGs!
</the Jerk>

Actually, you'll find the Gecko codebase has among the best support for viewing PNG images. The only other that can compare is IE5/Mac.

No other browers (including IE/Win and Opera) can properly display translucent png images. I believe they both also handle alpha very nicely.

NS6 is based on an old build of Mozilla (which uses Gecko), so your PNG image performance issues might have been fixed.

[transmothra]

you can get IE/Win to display alpha on PNGs, believe it or not. you just have to call up MS's directX CSS extension. for example, here is the code that i used:
background-image: "alpha_white.png"; filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='alpha_white.png', sizingMethod='scale')";
but you also have to specify the width and height, or it won't work.

for more info, see:
http://www.libpng.org/pub/png/pngapbr.html
http://webfx.eae.net/dhtml/pngbehavior/pngbehavior.html

...and, i don't know why, but NS6, even though it DOES handle PNGs incredibly well ordinarily, does have some serious performance issues (read: massive slowdown) when one is used as a background.

[jkd]

Originally posted by transmothra
you can get IE/Win to display alpha on PNGs, believe it or not. you just have to call up MS's directX CSS extension.

I am perfectly aware of that, but that is an incompatible hack and no excuse for IE to not support them by default. :(

As for performance isssues in NS6, I've only experimented with Gecko's support of PNG's from the 1.1 branch, from which I noticed no performance issues at all. Which version of NS6 are you running? I believe NS6.2 was based off of Mozilla 0.94, which is relatively ancient, and may very well have the performance issues you claim. NS7 PR is based off of the Mozilla 1.0 branch, and should offer a better experience.