HTML - Chrome No Likey <object Data=...
I'm having an issue with Google Chrome. It's not able to display an embedded web page. What am I doing wrong?
Page: http://ob-kc.com/runhike.html 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"><!-- InstanceBegin template="/Templates/obkc.dwt" codeOutsideHTMLIsLocked="false" --> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <!-- InstanceBeginEditable name="doctitle" --> <title>Ocean Beach - Kelly's Cove Running & Hiking Trail Guide | San Francisco, CA</title> <!-- InstanceEndEditable --> <link href="obkc.css" rel="stylesheet" type="text/css" /><!--[if IE]> <style type="text/css"> ... <!-- InstanceBeginEditable name="Main Content" --> <div id="mainContent"> <object data=http://ob-kc.com/running.html width="100%" height="3000"> <embed src=http://ob-kc.com/running.html</embed> Error: Embedded data could not be displayed. </object><br /> <br /><!-- begin htmlcommentbox.com --> ... <!-- end #mainContent --> </div> <!-- InstanceEndEditable --> <div id="footer"> <!-- end #footer --></div> <!-- end #container --></div> </script> </body> <!-- InstanceEnd --></html> Similar TutorialsHello, I am wondering if something is possible.. and if it is, how I would go about accomplishing the desired result.. This is a sample page to illustrate the problem http://comp.uark.edu/~bcagnin/test/index.html Is there a way to resize the object from a link that is within the website being displayed in that very same object?? Also, I am willing to use iframe if there is a solution that can be found with that... Thanks!! Tyrick I am using another persons code for our band's MySpace.( With some of my own) I am trying to display the shows section and the music player. When i insert the shows section the music player always displays behind the shows section. It is displaying the music player within the limits of the shows section. How do i make the music player seperate? Here is the code for the entire site with the music and show sections bolded. Code: <i class=i>!--START CODE IN BAND MEMBERS --!</i> <i class=i> !-Start Div Overlay Content Block-! <a href="http://www.msplinks.com/MDFodHRwOi8vdmlld3MtdW5kZXItY29uc3RydWN0aW9uLmJsb2dzcG90LmNvbS8="> myspace code tutorials by Eileen</a> !-Close 3 layers of cell/row/table. This puts our Div ONE table deep. </i> </td></tr></table> </td></tr></table> </td></tr></table> <i class=i>!-Create and size our div. We will never close this div. It will close when the containing table closes-! </i> <i class=i>!!! MODIFY width to the SAME width as your core image !!!</i> <div class="myCoreDiv" style="position:relative; top:0px; width:799px; height:auto; border:2px green solid;"> <i class=i> when DONE editing CHANGE the border:2px to border:0px or change the magenta to the color you want your border.----!</i> <i class=i> !----START CUSTOM CONTENT BLOCK 1----!</i> <img src=http://i42.tinypic.com/16iz2j5.jpg> <img class="grid" src="http://i11.tinypic.com/4pczehk.gif" style="position:absolute; top:0px; left:0px;"> <span class="off">!-START COMMENT FORM-!</span> <div class="myCommentFormD"> <form method="post" action="http://comments.myspace.com/index.cfm?fuseaction=user.ConfirmComment"> <input name="friendID" value="445328869" type="hidden"/> <textarea name="f_comments" class="myFormBox"></textarea> <center> <input type="submit" value="Post Comment" class="myPostCommentButton"/> <input type="reset" value="Clear" class="myClearButton"/> </center> </form> </div> <span class="off">!-END COMMENT FORM-!</span> <i class=i> !----END CUSTOM CONTENT BLOCK 1----!</i> <i class=i>!-Open 3 layers of table/row/cell-!</i> <i class=i>!-IF do NOT want any content from my Right side, I can use i instead of L1-!</i> <table class="L1" ><tr><td> <i class=i>!-The below class i hides the remainder of the general table-!</i> <table class="i"><tr><td> <table class="i"><tr><td> <style>.i {display:none}</style> <i class=i>END CODE IN BAND MEMBERS</i> <i class=i>!START code in Influences !</i> <i class=i>!START Style Block For Hiding Elements on Band Page! <a href="http://www.msplinks.com/MDFodHRwOi8veGlpaS51cy9tcy9iYW5kLWhpZGUtYWxs">MySpace Band Hide Everything</a> </i> <style> .i, div.clearfix i i i {display:none} {! fix a centering problem, and clear white space caused by clear gifs !} td {width:auto;} table td img {display:none;} {! restore any images displayed inside our div. You may want to use block instead of inline for some images. !} table td div.myCoreDiv img, table td div.myCoreDiv table td img, table td div.myCoreDiv div img {display:inline;} {!OPTIONAL restore image on maroon nav bar, we could use a.navbar img!} div table td a.navbar img {display:block;} {! removes most content and the space it occupied !} table table table {display:none} {! minimize the remaining main page content that can not be removed without effecting the ad and menus !} table table td { height:0px; margin:0px; padding:0px;} {! restore my div. !} table div.myCoreDiv {display:block;} {! restore div with Comments !} table div.myCoreDiv div.myDclassFC {display:block;} table div.myCoreDiv div {display:block;} table table br {display:none;} table table table br {display:block;} {! OPTIONAL decrease space between bottom and bottom menu, and between bottom menu and cc thing !} {! does not work in Safari !} table div br {line-height:4px;} {! reverse effect on custom div !} table div.myCoreDiv br {line-height:11px;} {! remove default background coloring !} table table, tr, td {background-color:transparent !important} {! ONLY if you want to remove the blue behind the ad banner AND the maroon !} div.profileWidth table, div.profileWidth td {background-color:transparent !important} div table {border-bottom:none !important;} {! ADDITIONAL STYLE BLOCKS CAN GO HERE !} <style> {!- shows -!} table table td.text div {position:absolute; width:440px; height:130px; overflow:scroll; overflow-x:hidden; top:30px; left:415px;} {!- UnDo effect on Div in Friend and Comment spaces -!} table table td.text table div {position:static; height:auto; overflow:hidden} table table td.text div.commentlinks {display:none;} table table td.text div table {display:block} {!-fix column width of shows-!} {!-set below px width to the width of your shows space-!} table table td.text div table td, table table td.text div table {width:425px;} table table td.text div table table {width:100% !important} {!-adjust below value as needed-!} table table td.text div table table table {width:40% !important} </style> <style> {!-music player-!} table table td.text div object {position:absolute !important; top:196px !important; left:100px} table table td.text div object object {position:static !important;} </style> Hello everyone, I need some knowledge, and if possible some code(!) which will enable my website to function correctly in Google Chrome. I already have code in place for IE browsers but upon inspection of our customers most used browsers Chrome has come up in second place (35%) and I need to make sure it works as it should! The problem, and its just a little one, is that ONE of my pictures floats over my search bar (floats left when it should be middle) If you have google chrome, take a look: http://www.alternativeroutefinance.co.uk/vehicles - naturally you can view the source and see if you can come up with something to help me out! Does anyone have any advice to offer? many thanks hi, my site logodepot.co.uk has a javascript slideshow at the top right of the page, this does not show in google chrome however? any ideas? thanks My website used to work properly but now, the portion that lets people travel into the different portion of the site does not appear anymore on Internet Explorer 8.0.7600? When editing with my PHP tool, it works. When using Google Chrome it works also. Therefore, I would say it is a technicality between the version of Explorer. Where or how can I check this. www.automatisationajp.com Thank you in advance for your help. stay1001 What's wrong? When you look at the main page, everything looks fine in all browsers. But when you go to one of the pages where the main page is longer than the menu, like this page, the menu gets "stretched" in IE... But not in FF or Chrome. I've searched and searched in my HTML codes, and tried all I can think of, but nothing solves the problem. I just can't find the error. I hope someone can look at the HTML codes and help me Hello everyone! First, I want to point out that I have next to no knowledge about website development/design. Anyways, I gained basic knowledge over the course of many months and finally launched a site for my business. But I'm having one major issue: My website is not being rendered properly on Chrome. When I say "not...properly", I mean it's not displaying most of the essential content. The website is running very well on IE and Firefox, just not chrome. Website: www.khangp.com I would really appreciate anyone who could shed some light on what could be causing this. I just can't seem to figure it out! Thank you! Hi, I made a sliced up header in Photoshop and then created rollovers in dreamweaver. It works great on IE and on Firefox, but at the top of Chrome the top few pixels are shifted way to the left. Why would this happen just in Chrome and how can I fix it? The site is http://www.socalstandup.com/ Thanks a lot! So im on my way in building this gallery. Pleas look at it here. The problem is with IE (big suprise) In some weird way it wont place the pictures inside the designated place. AND .. i REALLY cant explain this one error, the first picture of the gallery.. and only the first one, IE displays is in a TILTED way?? I was like, huh??? Chrome and FF displaythe page in exactly the same way. The page isnt finished yet but on its way, I would like to see IE respond in a normal way for once.. thanks for reading! I am a beginner and I used blogger in Chrome to create a blog. When I checked how it looked in IE it was horrible. The banners and some images did not move over correctly which I have hosted on photobucket. Can somebody look at my code and help me format it to IE. I have made the usual searches but none of the information I found about Chrome positioning bugs seems to apply to this problem. I am using an absolutely defined div within a relatively defined div to position a marker box over sequential navigation bar graphics. The divs are defined in the CSS file, and then a single style line defines the box top margin in each page file. This works perfectly in FF and IE, but under Chrome the box position slowly creeps downward, by about 2 percent of the top distance, until the lowest instance is well off center. Can I fix this without going to browser-specific code? The page is temporarily he http://www.nitropress.com/CLIENT_TES...Pono/index.php And the relevant code is: Code: #navbar { float: left; width: 200px; max-width: 200px; position: relative; padding: 9px 0 0 0; } #navbar img { margin: 0 0 20px 0; padding: 0; } #navbar .markbox { position: absolute; min-width: 200px; max-width: 200px; height: 30px; border-top: 2px solid #c99; border-bottom: 2px solid #c99; z-index: -5; } ...with lines like this in each page file to position the marker box vertically: Code: <style>.markbox {top: 3px;}</style> Hello my name is hency m new to html and css i just made one website and its working fine in IE and firefox. but when i tried in opera and chrome , it didnt work all margins were messed up. here is my website add: http://hencyparmar.byethost8.com/ i hope to get reply soon u can mail me at hencyp@gmail.com thanks Hello All, My site is loading everything correctly with IE but in Firefox and Google Chrome it looks like butt. I have a checker and it says there are a bunch of errors but I have no idea how to fix them. Can anyone help me? Thank you. www.canapictures.com Hi! this is really weird. I build a simple page with a table with a background picture. In Explorer it's all good but in Chrome & Firefox, you cant see the background picture of the table. help please? thanks Jeni Hi, I've spoiled my eyes searching what's wrong with my code: IE 8 works ok with links, Chrome and Firefox shows links only as text. Can someone with brighter eyes & brains tell me what went wrong? Here is the code: _____________________________________________________ HTML Code: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> _____________________________________________________ CSS: _________________________________________________ a, a:link { text-decoration: none; color: #fff; } a:visited { text-decoration: none } a:active { text-decoration: none } a:hover { font-size: 24px } #navigation ul { padding: 24px 0px; } #navigation ul li { margin: 0; list-style-type: none; } #navigation { font-size: 20px; font-weight: bold; float: left; text-align: center; width: 199px; } #navigation .center { background: url('images/navi-backgr.png') repeat-y top left; } ____________________________________________________________ xHTML: ____________________________________________ <div id="navigation"> <div class="center"> <ul> <li style="color: #feffd8; font-size: 5">Thispage</li> <li> <a href="another.html">Anotherpage</a></li> <li> <a href="third.html">Thirdpage</a></li> <li> <a href="fourth.html">Fourthpage</a></li> <li> <a href="last.html">Lastpage</a></li> </ul> </div> </div> <!-- /navigation --> ____________________ tnx, Lug. So I've got a form with some input text. In addition to the data in the input text I want to send some other data that has already been predetermined on initial page load. How would I declare the other data within the form element? Thanks Hi Experts, I am designing a webpage where based on the year selection the associated years webtable needs to be displayed in the webpage. Pls give som suggestions and if possible the code on to how to code this using HTML and Jav Script. I know I have to write afunction and then call the fn based on the input.but need your help on this. Thanks, Bsquare Hi Guys, This is my first post on this forum. Basically, Ive agreed to turn someone website, into a joomla template, and then format articles and such until it looks exactly like the original site. This would give them the ability to add their own content without my help(I offered to redo the site, but they like their current one even though its quite bad). All was going well, and I sent out an email to check the progress of the site to the client, and he replied to me that the site was all distorted in Safari. Being a windows programmer, I was used to IE/firefox, Safari and the other browsers never really crossed my mind. Anyway, I downloaded safari, chrome and opera, and tested the sites out. Opera they were fine, but chrome and Safari, some things align WAYYY to the left, almost off screen. I'm guessing it may be a CSS issue, but Ive checked, rechecked, deleted, restored almost everything and its still messed up in those browsers! This is a paying client, so I need to get this sorted out as soon as possible. The pages in question are he http://www.longboardcapital.net/inde......7&Itemid=27 http://www.longboardcapital.net/inde......48&Itemid=2 Ive paused on content creation, as this is a big problem. Have any of you ever experienced the same or similar problem? can you all offer any suggestions? Thank you so much for your help, -Tim well my issue comes when you try to use ctrl-mouswheel to zoom in or out on my page. works fine in ie8 and ff3, but not in chrome and safari. there isnt really a need for this to work, except the fact that no professional website should have such a major error. http:www. fab-tennis .com click the book a lesson tab, its the easiest way to tell since its the longest page i have. sorry for the bright colors. when you zoom in or out, the iframe which is usually fits exactly between my header and footer, shrinks to a small box maybe 500px in height instead of having height:100% of the table cell that it is in. i would reccomend trying the zoom on ff then try it on chrome or safari to see what im talking about. HTML Code: <html> <body topmargin="0" bottommargin="0" leftmargin="0" rightmargin="0" bgcolor="#FFFF00" style="overflow-x: hidden; overflow-y: hidden;"> <link rel="stylesheet" type="text/css" href="css/basic.css" /> <!--[START HEADER]--> <div style="position:absolute; top:0px; left:0px; width:100%;"> <table align="center" class="Header" cellspacing="0" cellpadding="5" style="height:40px"> <tr align="center"> <td width="20%" class="headerLeft" id="1" onMouseOver="mouseOver(id)" onMouseOut="mouseOut(id)" onClick="onClick(id)"> home </td> <td width="20%" id="2" onMouseOver="mouseOver(id)" onMouseOut="mouseOut(id)" onClick="onClick(id)"> book a lesson </td> <td width="20%" id="3" onMouseOver="mouseOver(id)" onMouseOut="mouseOut(id)" onClick="onClick(id)"> biography </td> <td width="20%" id="4" onMouseOver="mouseOver(id)" onMouseOut="mouseOut(id)" onClick="onClick(id)"> qualifications </td> <td width="20%" class="headerRight" id="5" onMouseOver="mouseOver(id)" onMouseOut="mouseOut(id)" onClick="onClick(id)"> photos </td> </tr> </table> </div> <!--[END HEADER]--> <!--[START BODY]--> <table align="center" cellspacing="0" cellpadding="0" class="Body"><tr height="40px"><td></td></tr> <tr><td valign="middle" align="center"> <iframe name="iBody" id="iBody" marginheight="0px" marginwidth="0px" frameborder="0" scrolling="auto" allowtransparency="true" src="home.html" style="width:100%; height:100%; border:0px;"> BODY </iframe> </td></tr> <tr height="40px"><td></td></tr></table> <!--[END BODY]--> <!--[START FOOTER]--> <div style="position:absolute; bottom:0px; left:0px; width:100%"> <table align="center" class="Footer" cellspacing="0" cellpadding="5" style="height:40px"> <tr align="center"> <td width="20%" class="footerLeft" id="6" onMouseOver="mouseOver(id)" onMouseOut="mouseOut(id)" onClick="onClick(id)"> cancel lesson </td> <td width="20%" id="7" onMouseOver="mouseOver(id)" onMouseOut="mouseOut(id)" onClick="onClick(id)"> seven </td> <td width="20%" id="8" onMouseOver="mouseOver(id)" onMouseOut="mouseOut(id)" onClick="onClick(id)"> eight </td> <td width="20%" id="9" onMouseOver="mouseOver(id)" onMouseOut="mouseOut(id)" onClick="onClick(id)"> nine </td> <td width="20%" class="footerRight" id="10" onMouseOver="mouseOver(id)" onMouseOut="mouseOut(id)" onClick="onClick(id)"> ten </td> </tr> </table> </div> <!--[END FOOTER]--> <script type="text/javascript" src="javascript/basic.js"></script> </body> </html> |