I botched up my code once again, but this time, and I am not kidding, I had the page perfect-O last night, then I made a change and "POOF" just like that, it's back to the drawing board. 
Could someone here with a keen sense to coding, fix the problem? I messed with it a bit, and probably messed it up more than what I did last night, but I am sure one of you can find the problem.
EDIT: might help to have the code to work with:
Url: http://www.reunitemysite.com/main.php
HTML Code:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head> <title>The World's Most Trusted Source For Online Advertising!</title>
<meta http-equiv="Content-Type" content="text/html;charset=utf-8" >
<meta name="Description" content="The World's Most Trusted Source For Online Advertising!">
<link rel="stylesheet" type="text/css" href="/css/default.css" media="screen">
<link rel="stylesheet" type="text/css" href="/css/menu.css" media="screen">
<style type="text/css">
html {
height: 100%;
width: 100%;
}
body {
border: 1px solid #000;
text-align: left;
margin: auto;
font-family: Tahoma, Geneva, sans-serif;
}
.gradient {
margin: 0px auto;
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 */
}
<!-- Vertical Navigation Bar -->
#menu {
width: 210px;
margin-left: 2px;
margin-right: 2px;
}
#menu ul {
list-style-type: none;
padding: 0px auto;
}
#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;
}
.parabreak{
line-height:7px;
}
.wrapper {
background-color: #708090;
color:#FFF;
border:1px solid;
border-color: #000;
height: 16px;
padding: 6px;
}
#dcolor a {
color:#FFF;
}
#dcolor a:hover {
color: #000;
}
</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 onresize="resize_iframe()">
<div class="gradient" style="vertical-align: top;">
<a name="Top"> </a>
<!-- HEADER SECTION -->
<table>
<tr>
<td align="left"><a href="http://www.reunitemysite.com/"><img src="http://tycoontalk.freelancer.com/images/small-logo.png" border="0" alt="Reunite My Site - More Traffic. More Profit." title="Reunite My Site - More Traffic. More Profit."></a></td>
<td align="left"><img align="left" src="sb.png" style="border: 1px solid #000;"></td>
</tr>
</table>
<!--STARTS BLUE (Horizontal) NAV-->
<ul id="nav_blue">
<li class="active"><a href="http://www.reunitemysite.com/iframe.html" target="iframe">Home</a>
<ul>
<li><a href="http://www.reunitemysite.com/about.html" target="iframe">About Us</a></li>
<li><a href="http://www.reunitemysite.com/asolutions.html" target="iframe">Advertising Solutions</a></li>
<li><a href="http://www.reunitemysite.com/psolutions.html" target="iframe">Publishing Solutions</a></li>
<li><a href="http://www.reunitemysite.com/news.php" target="iframe">Company News</a></li>
<li><a href="http://www.reunitemysite.com/services.html" target="iframe">Company Services</a></li>
<li><a href="#" target="_parent">Testimonials</a>
<ul>
<li><a href="http://www.reunitemysite.com/scripts/news/show_news.php" target="iframe">View Testimonials</a></li>
<li><a href="http://www.reunitemysite.com/scripts/news/index.php" target="iframe">Post Testimonial</a></li>
</ul></li></ul>
<li><a href="#" target="_parent">Services</a>
<ul>
<li><a href="#" target="_parent">Buy Ad Space</a></li>
<li><a href="http://www.reunitemysite.com/scripts/amp/advertiser.php" target="_blank">Advertisers Account</a></li>
<li><a href="http://www.reunitemysite.com/scripts/amp/publisher.php" target="_blank">Publishers Account</a></li>
<li><a href="#" target="_parent">Free Text Ads</a>
<ul>
<li><a href="http://www.reunitemysite.com/scripts/linkman/form.php" target="iframe">Place Your Free Text Ad</a></li>
<li><a href="http://www.reunitemysite.com/scripts/linkman/links.php" target="iframe">View Free Text Ads</a></li>
</ul>
</li></ul>
<li><a href="#" target="_parent">Help & Support</a>
<ul>
<li><a href="http://www.reunitemysite.com/faqs.html" target="iframe">FAQ's</a></li>
<li><a href="#" target="_parent">Help Advertiser</a></li>
<li><a href="#" target="_parent">Help Webmaster</a></li>
<li><a href="#" target="_parent">Resources</a></li>
<li><a href="#" target="_parent">Privacy</a></li>
<li><a href="#" target="_parent">Contact</a></li>
</ul>
</ul>
</li>
<!--ENDS BLUE NAV-->
<table valign="top" width="100%">
<tr>
<td align="left" width="190" style="vertical-align: top;" id="menu">
<br class="parabreak" />
<div id="dcolor" style="vertical-align: top" align="left" class="wrapper" title="Reunite My Site - Button Ad Index"><a href="http://www.reunitemysite.com/advertisements/premium/banners/index.html" target="iframe">Banner Ad Index</div></a>
<ul>
<li><a href="advertisements/premium/banners/shopping/120x240.php" target="iframe" title="Reunite My Site - 120 x 240 Pixel Banner Advertisement Index">
120 x 240 Pixels</a></li>
<li><a href="advertisements/premium/banners/shopping/120x600.php" target="iframe" title="Reunite My Site - 120 x 600 Pixel Banner Advertisement Index">
120 x 600 Pixels</a></li>
<li><a href="advertisements/premium/banners/shopping/160x600.php" target="iframe" title="Reunite My Site - 160 x 600 Pixel Banner Advertisement Index">
160 x 600 Pixels</a></li>
<li><a href="advertisements/premium/banners/shopping/234x60.php" target="iframe" title="Reunite My Site - 234 x 60 Pixel Banner Advertisement Index">
234 x 60 Pixels</a></li>
<li><a href="advertisements/premium/banners/shopping/468x60.php" target="iframe" title="Reunite My Site - 468 x 60 Pixel Banner Advertisement Index">
468 x 60 Pixels</a></li>
</li>
</ul>
<div id="dcolor" style="vertical-align: top" align="left" class="wrapper" title="Reunite My Site - Button Ad Index"><a href="http://www.reunitemysite.com/advertisements/premium/buttons/index.html" target="iframe">Button Ad Index</div></a>
<ul>
<li><a href="http://www.reunitemysite.com/advertisements/premium/buttons/shopping/120x60.php" target="iframe" title="Reunite My Site - 120 x 60 Pixel Button Advertisement Index">
120 x 60 Pixels</a></li>
<li><a href="http://www.reunitemysite.com/advertisements/premium/buttons/shopping/120x90.php" target="iframe" title="Reunite My Site - 120 x 90 Pixel Button Advertisement Index">
120 x 90 Pixels</a></li>
<li><a href="http://www.reunitemysite.com/advertisements/premium/buttons/shopping/125x125.php" target="iframe" title="Reunite My Site - 125 x 125 Pixel Button Advertisement Index">
125 x 125 Pixels</a></li>
<li><a href="http://www.reunitemysite.com/advertisements/premium/buttons/shopping/250x250.php" target="iframe" title="Reunite My Site - 250 x 250 Pixel Button Advertisement Index">
250 x 250 Pixels</a></li>
<li><a href="http://www.reunitemysite.com/advertisements/premium/buttons/shopping/88x15.php" target="iframe" title="Reunite My Site - 88 x 15 Pixel Button Advertisement Index">
88 x 15 Pixels</a></li>
<li><a href="http://www.reunitemysite.com/advertisements/premium/buttons/shopping/88x31.php" target="iframe" title="Reunite My Site - 88 x 31 Pixel Button Advertisement Index">
88 x 31 Pixels</a></li>
</li>
</ul>
<div id="dcolor" style="vertical-align: top" align="left" class="wrapper" title="Reunite My Site - Text Ad Index"><a href="http://www.reunitemysite.com/advertisements/premium/text/index.html#Top" target="iframe">Text Ad Index</div></a>
</td>
<td style="vertical-align:top">
<iframe height="100%" width="100%" onresize="resize_iframe()" name="iframe" scrolling="no" id="glu" style="border: 0px solid #000; vertical-align: top;" src="iframe.html">
<div>Your browser does not support iframes.</div>
</div>
</td>
<!-- <table>
<tr>
<td style="vertical-align:absbottom;">
<?php include("footer.html"); ?>
</td>
</tr>
</table>-->
</td>
</tr>
</table>
</iframe>
</div>
</body>
</html>
Thanks again!
Ps: I am trying not to make things like this a habit, but...  I am still learning the control thing.
__________________
Made2Own
Last edited by Brian07002; 05-22-2011 at 12:41 PM..
|
