am i gone mad

Discussion in 'CSS' started by oo7ml, Apr 21, 2009.

0
  1. #1
    I think i might be gone a little mad.

    Can you display my site in FF3 and in IE6 and look at the small red house over on the right hand side of the page. If i leave the little house as a jpeg or a gif the image is displayed fine in both browsers but when i use it as a png... something very strange happens:

    http://ncane.com/2fl

    thanks in advance to anyone who can help me with this one
     
    oo7ml, Apr 21, 2009 IP
  2. Kooi Designs

    Kooi Designs Peon

    Messages:
    32
    Likes Received:
    1
    Best Answers:
    0
    Trophy Points:
    0
    #2
    you're not defining the height and width in the css, look for the following and add the height and width of the image (69px x 64px)...

    .maincolumn .rightcolumn .title .pagetitle-icon{
    position:absolute;
    top:16px;
    right:21px;
    }
     
    Kooi Designs, Apr 21, 2009 IP
  3. Kooi Designs

    Kooi Designs Peon

    Messages:
    32
    Likes Received:
    1
    Best Answers:
    0
    Trophy Points:
    0
    #3
    buggy forum
     
    Kooi Designs, Apr 21, 2009 IP
  4. oo7ml

    oo7ml Well-Known Member

    Messages:
    656
    Likes Received:
    2
    Best Answers:
    0
    Trophy Points:
    105
    #4
    no, i have tried adding the width and height to the css but it still doesn't work
     
    oo7ml, Apr 21, 2009 IP
  5. Kooi Designs

    Kooi Designs Peon

    Messages:
    32
    Likes Received:
    1
    Best Answers:
    0
    Trophy Points:
    0
    #5
    It could be a javascript issue...that's not my field but looking further I noticed something in your ie6 png fix .js that seems to scale the image. Maybe try another method of fixing png transparency for ie6 or find someone who knows about javascript to look at what you have now.


    also, looking at your markup I noticed a dot that probably shouldn't be there, right after the 7...

    <!--[if lt IE 7.]>
    <script defer type="text/javascript" src="js/pngfix.js"></script>
    <![endif]-->


    http://msdn.microsoft.com/en-us/library/ms537512.aspx

    More about using conditional comments is there on Microsoft's site.
     
    Kooi Designs, Apr 21, 2009 IP
  6. drhowarddrfine

    drhowarddrfine Peon

    Messages:
    5,428
    Likes Received:
    95
    Best Answers:
    7
    Trophy Points:
    0
    #6
    The problem, as always, is IE. You aren't using a doctype and are throwing IE into quirks mode. You will never get IE to attempt to perform like other more modern browsers, like Firefox, without one. Put this on the first line of your page and see where we stand.

    <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
    "http://www.w3.org/TR/html4/strict.dtd">
     
    drhowarddrfine, Apr 21, 2009 IP