Hi,
I was validating my html code and removed out some (table code I think) by accident and the I frame code now displays at the bottom instead of across the page. Should be 100% width along side the navbar. The height of that table is auto adjusted using the iframe resize.
Here's the page in question: ( http://www.reunitemysite.com/main.html)
HTML Code:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html>
<head> <title>Reunite My Site is Currently Work in Progress... </title>
<meta http-equiv="Content-Type" content="text/html;charset=utf-8" >
<link rel="stylesheet" type="text/css" href="/css/default.css" media="screen">
<link rel="stylesheet" type="text/css" href="/css/columns.css" media="screen">
<style type="text/css">
body {
width: 99%;
background-color: #b2d2e3;
border-style: solid;
border-width: 1px;
border-color: black;
text-align: center;
margin-left: auto;
margin-right: auto;
font-family:Tahoma, Geneva, sans-serif;
}
/* Gradient Background */
.gradient {
background: #c5deea; /* old browsers */
background: -moz-linear-gradient(top, #c5deea 0%, #8abbd7 31%, #066dab 100%); /* firefox */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#c5deea), color-stop(31%,#8abbd7), color-stop(100%,#066dab)); /* webkit */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c5deea', endColorstr='#066dab',GradientType=0 ); /* ie */
margin: 0px auto;
width: 100%;
height: 100%;
}
#menu {
width: 300px;
margin-left: 2px;
margin-right: 2px;
}
#menu ul {
list-style-type: none;
padding-left: 0px;
padding-right: 0px;
}
#menu li a {
text-align:left;
height: 32px;
voice-family: "\"}\"";
voice-family: inherit;
height: 24px;
text-decoration: none;
border-style: solid;
border-size: 1px;
border-width: 1px;
border-collapse:collapse;
border-color: #000;
}
#menu li a:link, #menu li a:visited {
color: #FFF;
display: block;
background: url(images/menu.gif);
padding: 8px 0 0 35px;
}
#menu li a:hover {
color: #FFF;
background: url(images/menu.gif) 0 -32px;
padding: 8px 0 0 35px;
}
</style>
<script type="text/javascript">
<!--
function resize_iframe()
{
var height=window.innerWidth;//Firefox
if (document.body.clientHeight)
{
height=document.body.clientHeight;//IE
}
//resize the iframe according to the size of the
//window (all these should be on the same line)
document.getElementById("glu").style.height=parseInt(height-
document.getElementById("glu").offsetTop-8)+"px";
}
// this will resize the iframe every
// time you change the size of the window.
window.onresize=resize_iframe;
//Instead of using this you can use:
// <BODY onresize="resize_iframe()">
//-->
</script>
</head>
<body>
<div class="gradient">
<table id="header" width="100%">
<tr>
<td align="left" valign="top"><a href="http://www.reunitemysite.com/"><img src="http://tycoontalk.freelancer.com/images/small-logo.png" alt="Reunite My Site - More Traffic. More Profit." title="Reunite My Site - More Traffic. More Profit."></a></td></tr>
<table style="align:center; vertical-align:top;" width="100%">
<tr>
<td style="align:left; vertical-align:top;"></td></tr>
<div style="align:left; vertical-align:top;" id="menu">
<p>
<span style="vertical-align:top; background-color:#708090; color:#000; border:1px solid; padding-left: 2.5px; padding-right: 80px; padding-top: 6px; padding-bottom: 6px">
Reunite My Site Navigation</span>
<p>
<ul>
<li><a href="iframe.html" target="iframe" title="Reunite My Site - Homepage">
Home</a></li>
<li><a href="about.html" target="iframe" title="Reunite My Site - About Us">
About Us</a></li>
<li><a href="asolutions.html" target="iframe" title="Reunite My Site - Advertiser Solutions">
Advertiser Solutions</a></li>
<li><a href="#" target="iframe" title="Reunite My Site - Publisher Solutions">
Publisher Solutions</a></li>
<li><a href="#" target="iframe" title="Reunite My Site - Services">Services</a></li>
<li><a href="#" target="iframe" title="Reunite My Site - Company News">Company
News</a></li>
<li><a href="#" target="iframe" title="Reunite My Site - Testimonials">
Testimonials</a></li>
</ul>
<p>
<span style="vertical-align:top; background-color:#708090; color:#000; border:1px solid; padding-left: 2.5px; padding-right: 100px; padding-top: 6px; padding-bottom: 6px">
Reunite My Site Services</span>
<ul>
<li><a href="#" target="iframe" title="Reunite My Site - Purchase Ad Space">Buy
Ad Space</a></li>
<li><a href="#" target="iframe" title="Reunite My Site - Advertiser's Account">
Advertisers Account</a></li>
<li><a href="#" target="iframe" title="Reunite My Site - Publisher's Account">
Publishers Account</a></li>
</ul>
<p>
<span style="vertical-align:top; background-color:#708090; color:#000; border:1px solid; padding-left: 2.5px; padding-right: 172px; padding-top: 6px; padding-bottom: 6px">
Help & Support</span>
<ul>
<li><a href="#" target="iframe" title="Reunite My Site - Frequently Asked Questions">
F.A.Q's</a></li>
<li><a href="#" target="iframe" title="Reunite My Site - Help Advertiser">Help
Advertiser</a></li>
<li><a href="#" target="iframe" title="Reunite My Site - Help Webmaster">Help
Webmaster</a></li>
<li><a href="#" target="iframe" title="Reunite My Site - Resources">Resources</a></li>
<li><a href="#" target="iframe" title="Reunite My Site - Links">Links</a></li>
<li><a href="#" target="iframe" title="Reunite My Site - Privacy">Privacy</a></li>
<li><a href="#" target="iframe" title="Reunite My Site - Contact">Contact</a></li>
</ul>
<p>
<span style="vertical-align:top; background-color:#708090; color:#000; border:1px solid; padding-left: 2.5px; padding-right: 160px; padding-top: 6px; padding-bottom: 6px">
Banner Ad Index</span>
<ul>
<li><a href="iframe.html" target="iframe" title="Reunite My Site - 120 x 240 Pixel Banner Advertisement Index">
120 x 240 Pixels</a></li>
<li><a href="iframe.html" target="iframe" title="Reunite My Site - 120 x 600 Pixel Banner Advertisement Index">
120 x 600 Pixels</a></li>
<li><a href="iframe.html" target="iframe" title="Reunite My Site - 234 x 60 Pixel Banner Advertisement Index">
234 x 60 Pixels</a></li>
<li><a href="iframe.html" target="iframe" title="Reunite My Site - 468 x 60 Pixel Banner Advertisement Index">
468 x 60 Pixels</a></li>
</ul>
<p>
<span style="vertical-align:top; background-color:#708090; color:#000; border:1px solid; padding-left: 2.5px; padding-right: 165px; padding-top: 6px; padding-bottom: 6px">
Button Ad Index</span>
<ul>
<li><a href="iframe.html" target="iframe" title="Reunite My Site - 468 x 60 Pixel Banner Advertisement Index">
120 x 60 Pixels</a></li>
<li><a href="iframe.html" target="iframe" title="Reunite My Site - 234 x 60 Pixel Banner Advertisement Index">
120 x 90 Pixels</a></li>
<li><a href="iframe.html" target="iframe" title="Reunite My Site - 120 x 600 Pixel Banner Advertisement Index">
250 x 250 Pixels</a></li>
<li><a href="iframe.html" target="iframe" title="Reunite My Site - 120 x 600 Pixel Banner Advertisement Index">
125 x 125 Pixels</a></li>
<li><a href="iframe.html" target="iframe" title="Reunite My Site - 120 x 600 Pixel Banner Advertisement Index">
88 x 15 Pixels</a></li>
<li><a href="iframe.html" target="iframe" title="Reunite My Site - 120 x 600 Pixel Banner Advertisement Index">
88 x 31 Pixels</a></li>
</ul>
<p>
<span style="vertical-align:top; vertical-align:top; background-color:#708090; color:#000; border:1px solid; padding-left: 2.5px; padding-right: 162px; padding-top: 6px; padding-bottom: 6px">
Publishers Index</span>
<ul>
<li><a href="iframe.html" target="iframe" title="Reunite My Site - Homepage">In
Development...</a></li>
</ul>
<p align="center">
<iframe id="glu" width="100%" name="iframe" onload="resize_iframe()" style="border: 0px solid #000000" src="iframe.html">
</div>
<p>Your browser does not support iframes.</p>
</iframe>
</body>
</html>
Thanks again!
-Brian
__________________
Made2Own
Last edited by Brian07002; 05-05-2011 at 09:37 AM..
|
