Jump to content

Archived

This topic is now archived and is closed to further replies.

just-j

iframes and tables

Recommended Posts

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

[code]<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>[/code]

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
[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>[/code]

can someone please help me fix this??

Share this post


Link to post
Share on other sites
Change this:
[code]<style type"text/css">[/code]
Into this:
[code]<style type="text/css">[/code]

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:
[code]<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> [/code]

Share this post


Link to post
Share on other sites

×

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue.