Problem with embedding another website, and is there a better way to do this?

**Zyada** · 10-12-2010, 07:44 PM

I am trying to embed one web page inside another. The page that is doing the embed doesn't have any other content.

With a very bare bones html file, it works fine, but if I put in the

Code:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

line, it breaks the page.

See here: http://zyada-stuff.com/test_embed.html for the working version and here: http://zyada-stuff.com/test_embed2.html for the broken version.

Tested in Firefox 3.6 and IE 8

Why I'm doing this: I am a member of a group called Etsy Fort Worth. We already have a web site: etsyfortworth.com I created the embedded page with PHP and mysql, and I want to keep the actual source code/data under my control, but have it look like the page is on the etsyfortworth.com site. And the person who maintains the etsyfortworth website is not very technically savvy. I have no problem with giving her html, but I really don't want to go beyond that.

I would also like search engines to index the page appropriately.

Is there a better way to do this?

**Fang** · 10-13-2010, 05:12 AM

Add to the parent document

Code:

html, body {height:100&#37;;}

**Zyada** · 10-13-2010, 08:47 PM

Originally Posted by Fang

Add to the parent document

Code:

html, body {height:100%;}

I'm not sure what exactly you are recommending me to do. Here is the html for the parent:

Code:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:v="urn:schemas-microsoft-com:vml">
<head>
<title>Shop the Etsy Fort Worth stores!</title>
<link href='http://www.iconj.com/ico/p/0/p0l2s8sqor.ico' rel='shortcut icon' type='image/x-icon'/>
<link href='http://www.etsyfortworth.com/ShopEtsyFortWorth' rel='canonical'/>


</head>
<body>
<object type="text/html" height="100%" width="100%" data="http://zyada-stuff.com/efw/ShopEFW.php">
</object>
</body>
</html>

I tried putting body="{height:100%;}" in the HTML tag, and the height in the body tag a couple of different ways, and nothing changes.

**Fang** · 10-14-2010, 12:24 AM

Code:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:v="urn:schemas-microsoft-com:vml">
<head>
<title>Shop the Etsy Fort Worth stores!</title>
<link href='http://www.iconj.com/ico/p/0/p0l2s8sqor.ico' rel='shortcut icon' type='image/x-icon'/>
<link href='http://www.etsyfortworth.com/ShopEtsyFortWorth' rel='canonical'/>

<style type="text/css">
* {html, body {height:100&#37;;}
</style>

</head>
<body>
<object type="text/html" height="100%" width="100%" data="http://zyada-stuff.com/efw/ShopEFW.php">
</object>
</body>
</html>

**Zyada** · 10-14-2010, 07:53 AM

That got it. I would be interested to understand exactly why this was happening.

(for anyone else who might get to this, I actually had "html, body {height:100%;}" as the body of the style.)

Thread: Problem with embedding another website, and is there a better way to do this?

Thread Tools

Display

Problem with embedding another website, and is there a better way to do this?

Thread Information

Users Browsing this Thread

Bookmarks

Bookmarks

Posting Permissions