search

kavinithiy / ie7-js

Automatically exported from code.google.com/p/ie7-js
0 stars 0 forks source link

IE8 does not behaves the same as IE6 or IE7 with the .js #184

Closed GoogleCodeExporter closed 9 years ago

GoogleCodeExporter commented 9 years ago 
What steps will reproduce the problem?
1.Using ie7.js or ie8.js hacks, but loading the page in IE8
2.Using a central frame without height, but with top and bottom properties
3.The main frame is longer than the browser height.

What is the expected output? What do you see instead?
The expected output is the one that appears in Firefox or in IE6 with the
hack. In those cases, the main frame has a scroll bar. Instead, in IE8,
there is no bar, and also the main frame goes below the bottom frame is you
select the lines.

What version of the product are you using? On what operating system?
IE8 in vista.

Please provide any additional information below.
Here is the code, just test it in Firefox and in IE8. In IE6 with the
ie7.js or ie8.js works the same than Firefox.
HTML:

<html>
<head>
<link rel="stylesheet" type="text/css" href="css-bottom-frame.css" />
<!--[if IE 8]>
<script src="http://ie7-js.googlecode.com/svn/version/2.0(beta3)/IE8.js"
type="text/javascript"></script>
<![endif]-->
</head>
<body>
<div id="topframe">
We are writing now into the bottom frame
</div>
<div id="mainframe">
<h1>This text is in the main frame</h1>
<div class="sometext"><?php include 'sometext.html'; ?></div>
<div class="sometext"><?php include 'sometext.html'; ?></div>
<div class="sometext"><?php include 'sometext.html'; ?></div>
<div class="sometext"><?php include 'sometext.html'; ?></div>
<div class="sometext"><?php include 'sometext.html'; ?></div>
<div class="sometext"><?php include 'sometext.html'; ?></div>
<div class="sometext"><?php include 'sometext.html'; ?></div>
<div class="sometext"><?php include 'sometext.html'; ?></div>
<div class="sometext"><?php include 'sometext.html'; ?></div>
<div class="sometext"><?php include 'sometext.html'; ?></div>
<div class="sometext"><?php include 'sometext.html'; ?></div>
<div class="sometext"><?php include 'sometext.html'; ?></div>
<div class="sometext"><?php include 'sometext.html'; ?></div>
<div class="sometext"><?php include 'sometext.html'; ?></div>
<div class="sometext"><?php include 'sometext.html'; ?></div>
</div>
<div id="bottomframe">
We are writing now into the bottom frame
</div>
</body>
</html>

CSS (css-bottom-frame.css):

    body {
    margin: 0px;
    padding: 0px;
    overflow: hidden;
    }
    #topframe {
    display: block;
    position: absolute;
    top:0px;
    height: 30px;
    width: 100%;
    color: white;
    background-color: black;
    }
    #mainframe {
    position: absolute;
    display: block;
    top: 30px;
    bottom: 40px;
    width:100%;
    overflow: scroll;
    color: black;
    background-color: white;
    }
    #bottomframe {
    display: block;
    position: absolute;
    bottom: 0px;
    width: 100%;
    height: 40px;
    color: white;
    background-color: black;
    }
.sometext {
margin: 3em;
padding: 1em;
border: 2px solid red;
}

Maybe some hack that does the same but in IE8 could solve the problem. Or
creating a new hack for IE8 with the code portion in IE7.js or IE8.js that
corrects this problem in IE6 and IE7, should also solve this issue.

Regards,

Mariano.

Original issue reported on code.google.com by marianofco@gmail.com on 16 Jun 2009 at 5:09

GoogleCodeExporter commented 9 years ago 
Problem #1: You have no DOCTYPE declaration. Your browser is running in quirks
mode.

Problem #2: Your IE8 declaration is wrong. Don't use "<!--[if IE 8]>". Use 
"<!--[if lt IE
8]>".

Original comment by mhowell...@gmail.com on 16 Jun 2009 at 5:54

GoogleCodeExporter commented 9 years ago 
Excellent! The declaration solved the problem! While testing in IE8 (not my 
PC), I
created quickly the code just to check compatibility and of course I forgot the
Declaration...  :-(

The Problem#2 was because after trying with the "lt" (less than) I removed the 
"lt"
just for testing.

Thank you very much!

Best Regards,

Mariano.

Original comment by marianofco@gmail.com on 16 Jun 2009 at 6:19

GoogleCodeExporter commented 9 years ago

Original comment by dean.edw...@gmail.com on 11 Feb 2010 at 2:56