1. #1
    demon326's Avatar
    Registered
    18/04/03
    Location
    Hasselt
    Posts
    14,855
    iTrader
    23 (100%)
    Mentioned
    0 Post(s)
    Reputation
    10/79

    CSS: Background slecht in bepaalde versie IE6

    Hallo iedereen,
    ik kreeg vandaag namenlijk klachten van enkele gebruikers dat er in IE 6 mijn achtergrond kleur f*cked up is maar het probleem is alleen in een bepaalde versie van IE 6 dus ik weet niet precies waar de fout is maar ik vermoed ergens inmijn css file.. daarom deze post ook.
    Ik weet wel niet precies welke versie van IE 6

    de site url:
    http://www.ashladan.be

    de css file url:

    http://ashladan.be/themes/ashladan(new)/style.css

    het probleem is te zien op de onderstaande screenshot:

    http://img294.imageshack.us/my.php?image=seeiu4.jpg

    ps: ik wil geen commentaar dat de site in tables is deze komt ooit nog in divs

    alle hulp is welkom

    mvg Benny
    no votes  

  2. #2
    Dx-Solutions's Avatar
    Registered
    23/02/06
    Location
    Kortrijk
    Posts
    603
    iTrader
    14 (100%)
    Mentioned
    0 Post(s)
    http://ashladan.be/themes/ashladan(n...n/bgmiddle.png

    Dat zal den dader zijn denk ik, mss ook een betere naam geven (new) ...

    greetz
    no votes  

  3. #3
    demon326's Avatar
    Registered
    18/04/03
    Location
    Hasselt
    Posts
    14,855
    iTrader
    23 (100%)
    Mentioned
    0 Post(s)
    Reputation
    10/79
    Quote Originally Posted by Dx-Solutions View Post
    This quote is hidden because you are ignoring this member. Show
    http://ashladan.be/themes/ashladan(n...n/bgmiddle.png

    Dat zal den dader zijn denk ik, mss ook een betere naam geven (new) ...

    greetz
    dat is normaal de transparente PNG maaj nu ik eraan denk IE en PNG+tranparant gaat niet goed samen dacht ik

    //edit:
    de file is zowel voor de blocken als het middenste stuk maarja het zal aan IE zelf zijn wss...

    en waarom de file hernoemen?.. de file word alleen gebruikt voor deze theme de vorige gebruikt die niet
    no votes  

  4. #4
    Dx-Solutions's Avatar
    Registered
    23/02/06
    Location
    Kortrijk
    Posts
    603
    iTrader
    14 (100%)
    Mentioned
    0 Post(s)
    idd, je wilt waarschijnlijk deze png een transparancy geven om de tekst duidelijker leesbaar te maken ...

    mss dit eens checken: http://homepage.ntlworld.com/bobosola/
    no votes  

  5. #5
    demon326's Avatar
    Registered
    18/04/03
    Location
    Hasselt
    Posts
    14,855
    iTrader
    23 (100%)
    Mentioned
    0 Post(s)
    Reputation
    10/79
    Quote Originally Posted by Dx-Solutions View Post
    This quote is hidden because you are ignoring this member. Show
    idd, je wilt waarschijnlijk deze png een transparancy geven om de tekst duidelijker leesbaar te maken ...

    mss dit eens checken: http://homepage.ntlworld.com/bobosola/
    heb het toegepast en nu afwachten of het helpt

    edit: probleem is er nog steeds blijkbaar
    no votes  

  6. #6
    demon326's Avatar
    Registered
    18/04/03
    Location
    Hasselt
    Posts
    14,855
    iTrader
    23 (100%)
    Mentioned
    0 Post(s)
    Reputation
    10/79
    ik snap er niks meer van..
    gezien de file niet wou werken heb ik maar even een copy/past gedaan en het op deze manier in de header gezet:

    HTML Code:
    <!--[if lt IE 7]>
    <script language="JavaScript">
    function correctPNG() // correctly handle PNG transparency in Win IE 5.5 & 6.
    {
       var arVersion = navigator.appVersion.split("MSIE")
       var version = parseFloat(arVersion[1])
       if ((version >= 5.5) && (document.body.filters)) 
       {
          for(var i=0; i<document.images.length; i++)
          {
             var img = document.images[i]
             var imgName = img.src.toUpperCase()
             if (imgName.substring(imgName.length-3, imgName.length) == "PNG")
             {
                var imgID = (img.id) ? "id='" + img.id + "' " : ""
                var imgClass = (img.className) ? "class='" + img.className + "' " : ""
                var imgTitle = (img.title) ? "title='" + img.title + "' " : "title='" + img.alt + "' "
                var imgStyle = "display:inline-block;" + img.style.cssText 
                if (img.align == "left") imgStyle = "float:left;" + imgStyle
                if (img.align == "right") imgStyle = "float:right;" + imgStyle
                if (img.parentElement.href) imgStyle = "cursor:hand;" + imgStyle
                var strNewHTML = "<span " + imgID + imgClass + imgTitle
                + " style=\"" + "width:" + img.width + "px; height:" + img.height + "px;" + imgStyle + ";"
                + "filter:progid:DXImageTransform.Microsoft.AlphaImageLoader"
                + "(src=\'" + img.src + "\', sizingMethod='scale');\"></span>" 
                img.outerHTML = strNewHTML
                i = i-1
             }
          }
       }    
    }
    window.attachEvent("onload", correctPNG);
    </script>
    <![endif]-->
    maar het blijkt nog steeds niet te werken

    edit: ik heb nu is van alles getest maar niks werkt :S
    hier kunnen jullie een BG zien+het script:
    http://ashladan.be/png_test.html

    i IE6 is het dus slecht en ben ten einde raad..
    no votes  

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  

Log in

Log in