Ok, I see the end result but I'm curious about something. While I awaited to hear from someone when I first submitted my post I have gone through the process of attempting to re-code the site. I had someone helping me and we were both running into the same problem. Here is the code:
- Code: Select all
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Website names goes here</title>
<style type="text/css">
body{
margin: 0;
padding: 0;
border: 0;
overflow: hidden;
height: 100%;
width:100%
max-height: 100%;
background-color: #f8ebf1;
}
#framecontentLeft{
position: absolute;
top: -10px;
left: 0px;
width: 102px; /*Width of left frame div*/
height: 100%;
overflow: hidden;
color: #f8ebf1;
background-image: url(images/left3.jpg);
z-index: 1;
}
#framecontentRight{
position: absolute;
top: -10px;
width: 107px; /*Width of left frame div*/
height: 100%;
overflow: hidden;
color: #f8ebf1;
background-image: url(images/right2.jpg);
z-index: 1;
left: 915px;
}
#framecontentTop{
position: relative;
top: -10px;
left: 102px; /*Set left value to WidthOfLeftFrameDiv*/
right: 170px; /*Set right value to WidthOfRightFrameDiv*/
width: 813px;
height: 133px; /*Height of top frame div*/
overflow: disable;
color: #f8ebf1;
background-color: #f8ebf1;
background-image: url(flash/header2.swf);
#maincontent{
position: fixed;
top: 175px; /*Set top value to HeightOfTopFrameDiv*/
left: 100px; /*Set left value to WidthOfLeftFrameDiv*/
right: 600px; /*Set right value to WidthOfRightFrameDiv*/
bottom: 0;
overflow: auto;
background-color: #f8ebf1;
width: 804px;
margin-right: 300px;
padding-right: 500px;
}
.innertube{
left: 10px;
}
* html body{ /*IE6 hack*/
padding: 120px 150px 0 200px; /*Set value to (HeightOfTopFrameDiv WidthOfRightFrameDiv 0 WidthOfLeftFrameDiv)*/
}
* html #maincontent{ /*IE6 hack*/
height: 100%;
width: 100%;
}
* html #framecontentTop{ /*IE6 hack*/
width: 121%;
}
</style>
<link href="CSS/extra.css" rel="stylesheet" type="text/css">
</head>
<body>
<div id="framecontentLeft">
<div class="innertube">
<p align="center" h1="center">
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0" width="773" height="134">
<param name="movie" value="flash/header2.swf">
<param name="quality" value="high">
<embed src="flash/header2.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="773" height="134"></embed>
</object>
</p>
</div>
</div>
<div id="framecontentRight">
<div class="innertube">
</div>
</div>
<div id="framecontentTop"></div>
<div id="maincontent">
<div class="innertube">
<h1 align="center">
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,28,0" width="771" height="160" title="Waterfall">
<param name="movie" value="waterfalls.swf">
<param name="quality" value="high">
<embed src="flash/waterfalls.swf" quality="high" pluginspage="http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash" width="771" height="160"></embed>
</object>
</h1>
<h1 align="center"> Your text goes here</h1>
<p align="center" style="text-align: center"> </p>
<p align="center" style="text-align: center"> </p>
<p align="center" style="text-align: center"><a href="http://www.yourdomainname.com">Your webdesign name and link go here</a></p>
</div>
</div>
</body>
</html>