Advanced Search

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