PDA

View Full Version : HTTP and maybe CSS problem (PNG files)


Warcat14
11-02-07, 07:32
Hey all.

I've been building up a website for some times now, trying to script everything myself. Now I've stumbled upon something I can't fix, it's the PNG support problem.

I've tried about 8 different fixes to make it transparrent, 7 of them work but the problem I get with all of them is that I can't align the background image. It just gets stuck in the top left corner and no css or align functions work.

Preview (http://evior.net/Evior.htm)

I'm trying the iepngfix.htc (http://evior.net/iepngfix.htc) at the moment, this is the main css style:

img, #sideart {
background-image:url(images/sideart.png); background-position:center; background-repeat:no-repeat;
behavior: url(iepngfix.htc);
}

Too bad that the background-position doesn't function anymore

<table width="100%" border="0" cellspacing="0" cellpadding="0" id='sideart' align="center">

this is where it's integraded, within the second table, align doesn't work either.

I'm a bit tired of trying so I hope that someone can find anything to fix this.

JustAnotherDude
11-04-07, 20:24
Maybe you could post some of the code. When I try to view the site, on one machine it will not even load, and on another it hangs the browser - very strange!

JustAnotherDude
11-04-07, 20:31
Quick comment:
Turnbull's code works fine, so there has to be something else at the root of your problem.

Warcat14
11-07-07, 10:20
Here is the source of the main html frontpage!

Clicky (http://evior.net/Evior.rtf) (rightclick and save as to download)

I'm not sure what it could be, I've searched everywhere, code doesn't seem to like the way I'm doing it I think :S

Warcat14
11-08-07, 02:34
it's very nice that it has tutorials, I also know that website, but it does not contain my problem! this is a conflict of some kind that I can't resolve "yet, I think" basic html/css tutorials won't help at this moment!

Warcat14
11-08-07, 09:42
I amaturely fixed the position:

Horizontal alignment = adding a table under the main website's one, to center it with the max width of the image.
Vertical alignment = not really an alignment, just added some padding to the image (heightend the image) so that it looks correct on firefox and ie (all).

I still hope that somebody can explain why background-position didn't work :S