AV1611 Posted February 9, 2008 Share Posted February 9, 2008 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 https://forums.phpfreaks.com/topic/90224-solved-baffled-by-ifram/ Share on other sites More sharing options...
AV1611 Posted February 9, 2008 Author Share Posted February 9, 2008 Sorry, here is the correct URL: http://trinasworld.com/photoalbum/index.php Link to comment https://forums.phpfreaks.com/topic/90224-solved-baffled-by-ifram/#findComment-462630 Share on other sites More sharing options...
AV1611 Posted February 9, 2008 Author Share Posted February 9, 2008 I think I am going to convert to use div with overflow scrollbars instead of iframe. Thanks anyways. (Google says that others have the issue of "missing" content after iframe in div so ccs2 to the rescue.) Link to comment https://forums.phpfreaks.com/topic/90224-solved-baffled-by-ifram/#findComment-462634 Share on other sites More sharing options...
Recommended Posts
Archived
This topic is now archived and is closed to further replies.