www.webdeveloper.com
Results 1 to 5 of 5

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

  1. #1
    Join Date
    Oct 2010
    Posts
    3

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

    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?

  2. #2
    Join Date
    Apr 2003
    Location
    Netherlands
    Posts
    21,654
    Add to the parent document
    Code:
    html, body {height:100&#37;;}

  3. #3
    Join Date
    Oct 2010
    Posts
    3
    Quote Originally Posted by Fang View Post
    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.

  4. #4
    Join Date
    Apr 2003
    Location
    Netherlands
    Posts
    21,654
    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>

  5. #5
    Join Date
    Oct 2010
    Posts
    3
    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&#37;;}" as the body of the style.)

Thread Information

Users Browsing this Thread

There are currently 1 users browsing this thread. (0 members and 1 guests)

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  
HTML5 Development Center



Recent Articles