1. Advertising
    y u no do it?

    Advertising (learn more)

    Advertise virtually anything here, with CPM banner ads, CPM email ads and CPC contextual links. You can target relevant areas of the site and show ads based on geographical location of the user if you wish.

    Starts at just $1 per CPM or $0.10 per CPC.

png transparency repeat?

Discussion in 'CSS' started by j3ll3, May 15, 2005.

0
  1. #1
    Hi all

    Ive made a website only with CSS and I face my last problem: The transparent png background won't repeat in FireFox and it won't show in IE. I have also some anoying scrollbars.

    -----------------
    You can download my coplete site here:
    http://dlo.khbo.be/1aoils/s16503/school/informatica/webstek/Bureau/probleem/right_click_extract_to.zip
    or
    http://users.skynet.be/tunnel/flashfocus/right_click_extract_to.zip
    -----------------

    To use a transparent png, u have to use an IE hack, with I have.
    If you delete the "repeat", and the dimensions of the image, it will repeat in FireFox and it won't change anything with IE.

    Be one of the first one on the net to find the solution for this problem. There are little/none topics about this problem.

    You would make my day!!!!!
     
    j3ll3, May 15, 2005 IP
  2. digitalpoint

    digitalpoint Overlord of no one Staff

    Messages:
    38,333
    Likes Received:
    2,613
    Best Answers:
    462
    Trophy Points:
    710
    Digital Goods:
    29
    #2
    As far as I know, you can't use a transparent PNG as a background in IE.
     
    digitalpoint, May 15, 2005 IP
  3. j3ll3

    j3ll3 Peon

    Messages:
    2
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #3
    I have a working code Very Happy Very Happy Very Happy
    Thanks to Paul O'B (www.pmob.co.uk) and all4nerds

    Maybe somebody else needs it too, so I'll post it here:

    #content_middle
    {

    }

* #content_middle
    {
    background-repeat:repeat-y;
    height:1%;
    }

html>body #content_middle
    {
    background-image: url(img/content_middle65-700.png);
    }

* html #content_middle
    {    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/content_middle65-700.png',sizingMethod='scale');
    }
    Code (markup):

    You can see the code on my page also, when it's finished Smile
    http://dlo.khbo.be/1aoils/s16503/

    Thanks all
     
    j3ll3, May 15, 2005 IP