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 14 of 14
  1. #1
    New Coder
    Join Date
    Jan 2008
    Posts
    77
    Thanks
    2
    Thanked 0 Times in 0 Posts

    fixed image that always stay on screen & ie6

    i have been using this code since a long time to display an image that always stay on a fixed position on the screen even if you scroll down the page.... but i just noticed it doesn't work under internet explorer 6 (but it works with ie8)

    is there a way to make it work for ie6 ?

    <a id="inscrit" href="...">...</a>
    a#inscrit {
    position: fixed;
    left: 0;
    bottom: 0;
    display: block;
    height: 220px;
    width: 385px;
    background: url(joinus2.gif) bottom left no-repeat;
    text-indent: -999em;
    text-decoration: none;
    filter:alpha(opacity=85);
    -moz-opacity:0.85;
    -khtml-opacity: 0.85;
    opacity: 0.85;
    z-index: 10;
    }
    thanks a lot!

  • #2
    Senior Coder effpeetee's Avatar
    Join Date
    Feb 2007
    Location
    Clapham Junction - London SW
    Posts
    4,885
    Thanks
    228
    Thanked 204 Times in 203 Posts
    There is some IE6 help here. Middle column.

    Use the Search facility.

    Frank
    * Sources (updated: 21.11.2012.
    Using Windows 8 Professional. 64bit with HP Photosmart 5510 printer Very useful site here.

  • #3
    New Coder
    Join Date
    Jan 2008
    Posts
    77
    Thanks
    2
    Thanked 0 Times in 0 Posts
    can you link me to a specific article or something... there are too many articles on this page and i'm not even sure i will find what i need...

    i dont even know how an image that always stay on the screen is called in the "technical image" so i dont know what to search for... thats why i came here

  • #4
    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
    Fixed images and IE 6 can get tricky mainly because IE6 doesn't support position: fixed but there are ways to get it to work. The problem is now anything that is position:absolute becomes position:fixed so you can't really rely on position:absolute for everything.

    http://www.cssplay.co.uk/layouts/fixed.html
    ||||If you are getting paid to do a job, don't ask for help on it!||||

  • #5
    New Coder
    Join Date
    Jan 2008
    Posts
    77
    Thanks
    2
    Thanked 0 Times in 0 Posts
    THANKS A LOT !!!! YOU SAVED MY LIFE !!! I love you

    i had this damn bug on 5 different websites

  • #6
    New Coder
    Join Date
    Jan 2008
    Posts
    77
    Thanks
    2
    Thanked 0 Times in 0 Posts
    hmmm i think i talked too fast

    it is working btu its very weird... the image will not always stay fixed on the bottom left of the screen like on that website you gave me...

    on my website the image will moove to the corner only when i move the mouse over it

    take a look by yourself it's really weird

    example here (use internet explorer 6 to see the bug)
    http://www.pirate-punk.net/message.php?t=5414

    do you know where it comes from ?
    Last edited by ungovernable; 06-03-2010 at 11:00 PM.

  • #7
    New Coder
    Join Date
    Jan 2008
    Posts
    77
    Thanks
    2
    Thanked 0 Times in 0 Posts
    also its weird now i have a double scrollbar, there is another scrollbar hidden behind the IE scrollbar... its weird because it doesnt have this bug on the cssplay page

    anyway if i can only get the fixed images to work i will be happy !!

  • #8
    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
    Are you using overflow: auto; anywhere?
    ||||If you are getting paid to do a job, don't ask for help on it!||||

  • #9
    New Coder
    Join Date
    Jan 2008
    Posts
    77
    Thanks
    2
    Thanked 0 Times in 0 Posts
    not on the image i am trying to fix on the screen

    but i did put "overflow-y:auto;" in the body tag like they said on the page


    here's my body css:
    margin: 5px 0px 0px 0px;
    padding: 0px;
    background: url(http://www.pirate-punk.net/bg/ppbg.gif)
    no-repeat;
    background-position: center bottom;
    background-attachment: fixed;
    background-color: #000000;
    height:100%;
    overflow-y:auto;

    and my fixed image css:
    a#inscrit {
    position: fixed;
    position: absolute;
    left: 0;
    bottom: 0;
    display: block;
    height: 220px;
    width: 355px;
    background: url(inscrit-toi_corner.gif) bottom left no-repeat;
    text-indent: -999em;
    text-decoration: none;
    filter:alpha(opacity=75);
    -moz-opacity:0.75;
    -khtml-opacity: 0.75;
    opacity: 0.75;
    }
    a#inscrit:hover {
    filter:alpha(opacity=100);
    -moz-opacity:1.0;
    -khtml-opacity: 1.0;
    opacity: 1.0;

    }
    Last edited by ungovernable; 06-04-2010 at 12:23 AM.

  • #10
    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
    Okay I see. You have a top margin on your body which creates that extra scrollbar because the height is 100% so its 100% of the viewing window plus 5px. Remove the top margin and add it elsewhere.
    ||||If you are getting paid to do a job, don't ask for help on it!||||

  • #11
    New Coder
    Join Date
    Jan 2008
    Posts
    77
    Thanks
    2
    Thanked 0 Times in 0 Posts
    no, still same problem even without margin :/ it looks like my website is inside an iframe

    and the fixed image doesn't work neither... check this page on IE6:
    http://www.pirate-punk.net/forum.php?f=59

    the image moves only when you put mouse pointer over it

    i have same problem on http://www.anarcho-punk.net

  • #12
    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
    Ahh. You are missing this
    Code:
    <!--[if lte IE 6]>
       <style type="text/css">
       /*<![CDATA[*/ 
    html {overflow-x:auto; overflow-y:hidden;}
       /*]]>*/
       </style>
    <![endif]-->
    Add that in your html after your first stylesheet, not in it. Also <!----> is an invalid css comment.
    ||||If you are getting paid to do a job, don't ask for help on it!||||

  • #13
    New Coder
    Join Date
    Jan 2008
    Posts
    77
    Thanks
    2
    Thanked 0 Times in 0 Posts
    working, one of the scrollbars is gone but it's not the good one...

    see here :

    http://www.pirate-punk.net/forum.php?f=59

    and i still have same problem with the fixed image

  • #14
    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
    Okay I'll be honest your code is mess. Bugs usually only work if the code is valid. Run your code through a validator. http://validator.w3.org

    Fix your errors and come back. Chances are there will be a lot of errors. Good luck.
    ||||If you are getting paid to do a job, don't ask for help on it!||||


  •  

    Posting Permissions

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