rayantony / jixedbar

Automatically exported from code.google.com/p/jixedbar
GNU General Public License v2.0
0 stars 0 forks source link

ie9 issue #54

Open GoogleCodeExporter opened 9 years ago

GoogleCodeExporter commented 9 years ago
What steps will reproduce the problem?
1. open demo in ie 9 beta
2.
3.

browser gets rid of scroll bars
if you switch ie compatability mode one then the bar only takes up
part of the bottom right

using jquery.jixedbar-0.0.5-branch
on windows 7

firefox looks flippin great of course

Original issue reported on code.google.com by brando...@gmail.com on 4 Feb 2011 at 5:52

GoogleCodeExporter commented 9 years ago
I have the exact same problem. Any solution for this :) Thank you very much

Original comment by kleinanz...@antenne.de on 8 Feb 2011 at 1:36

GoogleCodeExporter commented 9 years ago
same problem with IE9 Beta

Original comment by alejandr...@gmail.com on 15 Apr 2011 at 5:52

GoogleCodeExporter commented 9 years ago
Made a solution for this took me the whole $%#^%#&#%& day!!! ARG
This is due to his crappy hacked code for IE6 and IE7, nothing for IE 8 or IE 9 
and so on.

The bar breaks because of overflow and position.

1st Drop the whole crap:
                    // set html and body style for jixedbar to work
                    if (($.browser.msie && ie6) || ($.browser.msie && ie7)) { // check if we have an IE client browser
                        $("html").css({"overflow" : "hidden", "height" : "100%"});
                        $("body").css({"margin": "0px", "overflow": "auto", "height": "100%"});
                    } else { // else for FF, Chrome, Opera, Safari and other browser
                        $("html").css({"height" : "100%"});
                        $("body").css({"margin": "0px", "height": "100%"});
                    }

just replace it with: 
    $("html").css({"height" : "100%"});
    $("body").css({"margin": "0px", "height": "100%"});

The overflow is what is f$%^%$^%$ this up.

NEXT get rid of the position absolute crap.

/* check what position method to use */
                    if (($.browser.msie && ie6) || ($.browser.msie && ie7)) { // for IE browsers
                        pos = "absolute";
                    } else { // else for other browsers
                        pos = "fixed";
                    }
its fixed all the way baby!

What IE doesnt get fixed well here is your hack:

Add this to your CSS
.jx-bar{
  position:fixed;
  _position:absolute;
  bottom:0;
  _top:expression(document.body.scrollTop+document.body.clientHeight-this.clientHeight);
}

I could have messed around with his whole if ie6 or ie7 hacks but F*&^% those 
browsers. If it breaks in that ancient crap browser screw it.

If you want to do it post it here and I'll copy your code.

I attached my JS, it also has the cookie fix

:D

Original comment by vlad.i...@gmail.com on 23 Nov 2012 at 10:11

Attachments:

GoogleCodeExporter commented 9 years ago
Just checked in 7 and 8 it works.

PS  Each comment triggers notification emails. So, please do not post "+1 Me 
too!".
Instead, click the star icon.

+1 me too 

Original comment by vlad.i...@gmail.com on 23 Nov 2012 at 10:20