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 1 of 1
  1. #1
    New to the CF scene
    Join Date
    Oct 2007
    Posts
    1
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Question header/footer and iframe center

    It work good with Firefox 2, Opera 9, but not good with IE6

    Help me please, very thanks

    iframe-layout.html
    Code:
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>Untitled Document</title>
    <style type="text/css">
    * {margin:0;padding:0;border:0;}
    html, body, div, span, iframe, p,a, em, font, img, ol, ul, li, fieldset, form, label, legend, table, tbody, tfoot, thead, tr, th, td {
    	margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;
    	font-family: "Arial", Helvetica, Verdana, sans-serif;
    	vertical-align: baseline;
    }
    
    body {
    	font-size: 11px; line-height: 18px;
    	color: #333;
    	text-align:center;
    	height:100%;
    	max-height:100%;
    	/*overflow: hidden;*/
    }
    
    #header {
    	height:35px;
    	background-color:#E0EEF7;
    	text-align:left;
    	position:absolute;
    	top:0;left:0;display:block; width:100%;
    }
    
    #mainf {
    	position:absolute;left:0;right:0;top:35px;bottom:0;z-index:100;background:#faf;
    }
    #mainf .in {
    	height:100%; background:#fdf;overflow:hidden;
    }
    </style>
    <!--[if IE]>
    <style type="text/css">
    /*html, body {overflow:hidden}*/
    #mainf{ height:100%;top:0;bottom:0;border-top:35px}
    </style>
    <script>alert('IE');</script>
    <![endif]-->
    </head>
    
    <body>
    
    <div id="header">
    Header
    </div>
    
    <div id="mainf">
    	<div class="in">
    		<iframe style="z-index:1" id="f1" src="iframe.html" marginheight="0" marginwidth="0" frameborder="0" height="100%" width="100%" scrolling="yes"></iframe>
    	</div>
    </div>
    
    </body>
    </html>
    iframe.html
    Code:
    <p>iframe<p>
    <br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br />
    <p>iframe<p>
    Attached Files Attached Files
    Last edited by dom.killer; 10-22-2007 at 10:02 PM.


 

Posting Permissions

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