HTTP and maybe CSS problem (PNG files)

Discussion in 'Software' started by Warcat14, Nov 2, 2007.

  1. Warcat14

    Warcat14 Private E-2

    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

    I'm trying the 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.
     
  2. JustAnotherDude

    JustAnotherDude Private E-2

    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!
     
  3. JustAnotherDude

    JustAnotherDude Private E-2

    Quick comment:
    Turnbull's code works fine, so there has to be something else at the root of your problem.
     
  4. Warcat14

    Warcat14 Private E-2

    Here is the source of the main html frontpage!

    Clicky (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
     
  5. Warcat14

    Warcat14 Private E-2

    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!
     
  6. Warcat14

    Warcat14 Private E-2

    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
     

MajorGeeks.Com Menu

Downloads All In One Tweaks \ Android \ Anti-Malware \ Anti-Virus \ Appearance \ Backup \ Browsers \ CD\DVD\Blu-Ray \ Covert Ops \ Drive Utilities \ Drivers \ Graphics \ Internet Tools \ Multimedia \ Networking \ Office Tools \ PC Games \ System Tools \ Mac/Apple/Ipad Downloads

Other News: Top Downloads \ News (Tech) \ Off Base (Other Websites News) \ Way Off Base (Offbeat Stories and Pics)

Social: Facebook \ YouTube \ Twitter \ Tumblr \ Pintrest \ RSS Feeds