Jump to content


Photo

iframes and tables


  • Please log in to reply
1 reply to this topic

#1 just-j

just-j
  • Members
  • PipPipPip
  • Advanced Member
  • 52 posts

Posted 14 July 2006 - 09:13 PM

ok  i finally got my php problem fixed... and now back in action, ive set up my main page like this....

<html>
<head>
<style type="text/css">

   #floatframe {position:absolute;

        left: 0px;

        top: 0px;

        width: 100%;

        height: 135px;

        z-index: 100

       }

#bottomfloat {
position:absolute;
left: 0px;
top: 135px;
width: 100%;
height: 100%;
z-index: 100
}
body {text-align: center;}


   </style>
</head>
<body bgcolor="white">
<div id="floatframe">
<iframe width="75%" height="135" src="tbbc.html" align="center" frameborder=0 scrolling="no" name="top">
</iframe>
</div>
<div id="bottomfloat">
<iframe width="75%" height="100%" align="center" src="bottom.html" frameborder=0 name="bottom">
</iframe>
</div>
</body>
</html>

both iframes work proper but the bottom iframe with the src="bottom.html" the alignment isnt right. there is a gap between the top and bottom iframes and the bottom iframe dosent line up left and right with the top..  unless i change src="bottom.html" with another html file then everything is all good... so it is somthing with bottom.html  here is the code
<html>
<head>
<style type"text/css">
#f1 {
left: 0px;
top: 5px;
font-size: 25;
color: red;
}
#f2 {
left: 0px;
color: white;
}
</style>
</head>
<body>
<table border="0" cellpadding="0" cellspacing="0" width="100%" align="center">
 <tr>
  <td bgcolor="black" width="35%"><font id="f1">News:</font><hr width="85%" color="red">
   <font id="f2"><br />Moving to iframes and tables because frames blow!!</font></td>
  <td bgcolor="black"> this is a test </td>
 </tr>
</table>
</body>
</html>

can someone please help me fix this??

#2 Hybride

Hybride
  • Members
  • PipPipPip
  • Advanced Member
  • 286 posts

Posted 19 July 2006 - 03:55 AM

Change this:
<style type"text/css">
Into this:
<style type="text/css">

Missing an "=".

Now, are you trying to set up so that the top.html is at the complete top and the bottom.html at the complete bottom of the screen; or have two separate .html you want to combine?

If the latter, try combining the two frames together:
<div id="floatframe">
<iframe width="75%" height="135" src="tbbc.html" align="center" frameborder=0 scrolling="no" name="top"></iframe>
<iframe width="75%" height="100%" align="center" src="bottom.html" frameborder=0 name="bottom">
</iframe>
</div>

"Communications are not at optimal conditions due to increased ion capacity within the lower atmosphere."
 

Portfolio: Hybride Anekyu
Powered by: Immortal Design
 





0 user(s) are reading this topic

0 members, 0 guests, 0 anonymous users