Jump to content

[SOLVED] Baffled by IFram


AV1611

Recommended Posts

I'm baffled.  I have a site that uses an iframe as a menu to feed the main page.  Sounds wierd but works kinda cool.

 

Anyways, here's the link:

http://trinasworld.com/photoalbum.php/index.php

 

Here's the problem:

 

Everything after the div containing the iframe does't display.  Huh?  The "view source" shows the info there and w3c validates.  Why can't I display any content to screen after the iframe.  I tried moving the iframe div to before the pic div and the pic stops displaying. FF and IE same issue.  HELP! 

 

I inserted ******** into the code to show the point It stops working. (This is the html output as viewed with view source)

 

<!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' xml:lang='en' lang='en'>

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<title>index.html</title>

<style type="text/css">

body

{

background-color: black;

margin: 0px;

padding: 0px;

}

iframe

{margin: 0px;}

p.title

{font-size: 48px;

font-style: italic;

text-align: center;

color: #bbb;}

img

{

width: 640px;

}

</style>

</head>

<body>

 

<p class="title">Trina's Pictures</p>

<div style="height: 600px; width: 790px; margin: 0px; padding: 0px; margin-left: auto; margin-right: auto;">

 

 

 

<div style="float: left; height: 550px; width: 660px; padding: 0px; background-color: white;">

<div style="width: 640px; height: 500px; margin-left: auto; margin-right: auto; margin-top: 10px; background-color: white;">

<div style="width: 100%; height: 500px; margin: 0px; padding; 0px;">

<img class="pic" src='pics/trees.jpg' alt="www.BLMHosting.com" />

</div>

<div style="100%; height: 50px; margin: 0px; padding; 0px;">

<p style="margin-bottom: 10px; text-align: center;">Trees in the mountains</p>

</div>

</div>

 

</div>

 

<div style="float: right; height: 550px; width: 120px; margin: 0px; padding: 0px;">

 

<iframe width="120px" frameborder="0" name="thumbnail"  height="550" src="thumbnail.php" scrolling="auto" />

</div>

***********************the rest doesn't show up*********************************************

</div>

<p style="color: #bbb; font-style: italic; text-align: center; background-color: pink;">"The way of life  is above to the wise, that he may depart from hell beneath."  <a href="http://restoringthetruth.org/randversedisp.php?passage=Proverbs&Chapter=15">Proverbs 15:24</a></p>

</body>

</html>

Link to comment
Share on other sites

This thread is more than a year old. Please don't revive it unless you have something important to add.

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Reply to this topic...

×   Pasted as rich text.   Restore formatting

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

×
×
  • Create New...

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.