Hey there, I have this little issue that's been bugging me.
In my index page, I've included the header.php, followed by an Iframe.
<body>
<?php include 'header.html' ?>
<div class="clear"></div>
<iframe class="fr" width="100%" height="100%" align="center" marginheight="0" align="top" src="aboutus1.php" frameborder=0 scrolling="no" border="0" framespacing="0" id="bodyframeid" name="bodyframename" onLoad="autoResize('bodyframeid');" ></iframe>
</body>The problem I'm facing is that the iframe is stuck at the top of the page along with the header. I tried using padding-top on the iframe to move it below the header but then there's unwanted white space between them when zoomed out.
What I really want is for the page layout to look like this:
+------------------------------+
| Header |
+------------------------------+
| Iframe |
| (contents of Iframe) |
+------------------------------+Header.html
<div class="centered">
(…content here…)
</div>CSS
(*{font-family: verdana; color:#514f4d;})
(…more CSS styles here…)