Hello

I am attempting to insert one simple frame inside a website template created by a third party.

The template is mostly custom built but allowing the user to add html. Neither IE or Chrome will display the frame; however, I was able to see the frame working at the pre-publish mode, using Chrome. This wasn't even consistent though. My website host can't help due to lack of html knowledge. The link is provided below; the frame coding starts on line 177:





http://www.iplayerhd.com/player/player-60A...EED899C61A.aspx

You can't insert an entire frameset within a page that uses HTML 4.01 Transitional. You might use an iframe, see http://htmlhelp.com/reference/html40/special/iframe.html.

Thanks Frederiek! I am experimenting with iframes now. Very cool!

The iframes are working but I can't seem to come up with the code that allows the left side content and right side content live together in the same Block field.

Hello

I am attempting to insert two iframes in the same html block field.

One is left justified and the other is right justified. The "right" one keeps ending up on the next paragraph block down. Please help. Here is the link:



http://www.iplayerhd.com/player/player-60A...EED899C61A.aspx

In what browsers? In the ones I tried they are side by side.

You should clean that document up though. You cannot use ID with HEAD, you should use a doctype and a few other things need fixing too.
http://www.htmlhelp.com/cgi-bin/validate.c...s&input=yes

Hello,

You must first understand that different browsers render html elements and css styles differently.
For example all browsers has different default padding and margin.
To fix this you can try the following css trick:
*{
margin:0;
padding:0;
}

this will fix any padding and margin issues, you will see that the page will render the same on all browsers

With regards to your problem, I would suggest that you place each iframe on a separate div.
for example:
<div id="leftpanel">
<iframe>
blah...
blah...
blah...
</iframe>
</div>

<div id="rightpanel">
<iframe>
blah...
blah...
blah...
</iframe>
</div>

css will be:

#leftpanel{
float:left;
width:200px;
height:50px;
}

#rightpanel{
float:left;
width:200px;
height:50px;
}

I hope this helps.

You can get more tricks by studying the projects on this site:
http://istarwebsolutions.com

Why are the two DIVs needed? Do you really mean you see the two IFRAMEs one under the other?

Thanks for the replies. I'm trying to get back to it, but other work is calling today.

It ain't easy.

Pandy, Jayacab, or Frederiek:

Help! I inadvertently wiped out my html code related to this discussion. Do you happen to have an offline copy of it.

Part of the link still exists because its a webhost template, but the lower part I spent hours and hours building with no back-up.

Any help would be appreciated!

Sorry - Found the old html by hitting the "back" button multiple times!