Return to Snippet

Revision: 24041
at February 19, 2010 07:20 by jaff


Initial Code
<html>
<head>
    <meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <link rel="stylesheet" type="text/css" href="bar.css" />
    <title>Title of the document</title>
</head>
<body>
    <div id="bar">bar content</div>
    <iframe id="frame" src="_"  />
</body>

*******
CSS
*******

body {
padding: 0px;
margin: 0px;
}

#frame {
border: none;
width: 100%;
height: 100%;
}

#bar {
height: 50px;
border-bottom: 3px solid #000000;
}

Initial URL
http://www.sitepoint.com/forums/showthread.php?t=633501

Initial Description
Remove the doctype and any xml namespace declarations from your header and quirks mode will take care of the rendering, additionally this fix is not compatible with IE8 rendering so we need to put IE8 in emulation mode

Initial Title
MAKING AN IFRAME TO RESIZE AUTOMATICALLY TO THE PAGE

Initial Tags
resize

Initial Language
HTML