Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 9 of 9
  1. #1
    New Coder
    Join Date
    Nov 2007
    Posts
    20
    Thanks
    2
    Thanked 0 Times in 0 Posts

    Rollover weirdness in IE6 (maybe IE5.5)

    I'm soooo close to getting my PNG rollovers to work in IE 6. The button at the bottom of this page (http://www.goh-inc.com/testnewsite/index4.htm) works correctly in Firefox and IE7. However, in IE6, the background position changes slightly, but not the amount it's supposed to. Weird. Does anyone know what's going on with that?

  • #2
    Senior Coder jcdevelopment's Avatar
    Join Date
    Oct 2007
    Location
    Cowboy Nation
    Posts
    2,182
    Thanks
    174
    Thanked 257 Times in 257 Posts
    Have you tried making the div intranetButton to have a z-index. It could possibly be behind the footer for some reason..

  • #3
    New Coder
    Join Date
    Nov 2007
    Posts
    20
    Thanks
    2
    Thanked 0 Times in 0 Posts
    No, it's never behind the footer. The background position just changes a different amount from IE7 to IE6.

  • #4
    Senior Coder jcdevelopment's Avatar
    Join Date
    Oct 2007
    Location
    Cowboy Nation
    Posts
    2,182
    Thanks
    174
    Thanked 257 Times in 257 Posts
    then i imagine a nice hack will have to do


    Code:
    <!--[if lte IE 6]>
    #intranetbutton a {
    	background:transparent url('img/helmet.png') no-repeat;
    	background-position: whatever works;
    	width:107px;
    	height:90px;
    	position:absolute;
    	margin-top:-90px;
    	right:0px;
    }
    #intranetbutton a:hover {
    	background-position: whatever works;
    	width:117px;
    }<![endif]-->
    i imagine that might work if that is what you are looking for, if you have tried that then nevermind!!
    Last edited by jcdevelopment; 01-08-2008 at 04:08 PM.

  • #5
    New Coder
    Join Date
    Nov 2007
    Posts
    20
    Thanks
    2
    Thanked 0 Times in 0 Posts
    I just tried that. That just screws up firefox, and doesn't change IE6 at all...

  • #6
    Senior Coder jcdevelopment's Avatar
    Join Date
    Oct 2007
    Location
    Cowboy Nation
    Posts
    2,182
    Thanks
    174
    Thanked 257 Times in 257 Posts
    now im confused, using that has never affected FF. this is what i found when validating it

    Code:
    img, #intranetbutton, #intranetbutton a {
    	behavior: url(img/iepngfix.htc);
    }
    maybe IE6 doesnt recognize it for some reason..
    does anything happen when u take it out?

  • #7
    Supreme Master coder! _Aerospace_Eng_'s Avatar
    Join Date
    Dec 2004
    Location
    In a place far, far away...
    Posts
    19,291
    Thanks
    2
    Thanked 1,043 Times in 1,019 Posts
    You can't put conditional comments directly in a stylesheet. You need to add them as their own stylesheet
    Code:
    <!--[if lte IE 6]>
    <style type="text/css">
    #intranetbutton a {
    	background:transparent url('img/helmet.png') no-repeat;
    	background-position: whatever works;
    	width:107px;
    	height:90px;
    	position:absolute;
    	margin-top:-90px;
    	right:0px;
    }
    #intranetbutton a:hover {
    	background-position: whatever works;
    	width:117px;
    }
    </style>
    <![endif]-->
    ||||If you are getting paid to do a job, don't ask for help on it!||||

  • #8
    Senior Coder jcdevelopment's Avatar
    Join Date
    Oct 2007
    Location
    Cowboy Nation
    Posts
    2,182
    Thanks
    174
    Thanked 257 Times in 257 Posts
    awwww, that is true, i didnt even think about that. Good call aerospace, thats why you are supreme....

  • #9
    New Coder
    Join Date
    Nov 2007
    Posts
    20
    Thanks
    2
    Thanked 0 Times in 0 Posts
    Looking at it again, I just realized that I don't think background position is working at all. The width changes to accommodate a larger glow on rollover, but the width changing on IE6 just gives the impression that it's moving...

    EDIT: Any recommendations on getting background-position to work in IE6? Seems like it's supposed to work in IE6 anyway!
    Last edited by JudyDesign; 01-08-2008 at 09:15 PM.


  •  

    Posting Permissions

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