HTML - Iframe Location Error In Ie Vs. Firefox
Hello, I use iframe to center the page because I am unsure of how to have the page center any other way. But when I do it, there is a "padding" at the top of the image in IE but there is not this padding when using FireFox. do you know why this is? Thanks!
Similar TutorialsTrying to see if someone has a work around for this. I have a vbulletin forum with a shoutbox and I would like to move the shoutbox to a page outside of the forum. I did this before with an iframe when I had phpbb3 but have not been able to do this with vbulletin. I now have the shoutbox on an external page but it still contains the header and footer and I have not found a way to remove these. I just need the actual shoutbox approx 730px by 350px. Is there a way to pull only the specific area of a page to another page? *****Edit Resolved ********* Hi All! We have a webapp running in Resin using Wicket 1.3. We used an iframe in one of our pages, for credit card 3D authentication, so that the visible URL won't change. <iframe id="ifrm" name="ifrm" src="images/3DForm.html" frameborder="0" > </frame> This seems to be working fine, except that in Firefox 2.0, the height attribute is all crazy. If we set height="100%" or "auto", the frame opens up with a height of abt 2 inches. Setting a pixel count as height increases height, but since it's not dynamic, doesn't really give us what we want. (Since there are a frew more pages of varying sizes that are displayed on thgis iframe.) Setting the inline style attributes 'height' didn't help either. But on IE 6, setting height=100% or 'auto' seems to work fine. Any help u cud give us on this wud be greatly appreciated. Or, if anyone knows a better way to go for 3D Auth, without changing the address-bar url, pls let us know. Thank you! Hey, I've just built a widget that sits in an Iframe. Have a look if you want (It wont be around too long, as it's running on my laptop): www.SimplySundried.com The problem is that the hyperlinks and tooltips don't work in firefox, but work fine in IE..... I haven't got a clue as to what the problem is, or how to go about solving it, so any help is very much appreciated!!! Reference: http://www.noahscs.com/realestate.html So the entire form on this page is within an iframe. The iframe should refresh itself upon submit. It works fine in IE, but does not refresh in FF. Anyone have any ideas why? Hi, and thanks in advance for any help. I'm new to the forum, and new to website building (though, as you will see, I can hardly even call it website building). I started building a site on google sites, and I'm having a strange issue in firefox. Here is the site: https://sites.google.com/a/absoluteinhouse.com/home/ The page works as I would like it to in Chrome and IE, but the dropdown menu doesn't appear in Firefox. The services tab should have a dropdown menue, but it never appears in Firefox. However, when you click to view that iframe in a new window, the dropdown works fine in firefox. So, that's why i think it's an issue with the iframe. I've checked the z-index, and that seems to be set fine (though I'm not too familiar with it, so I could be wrong) For those not familiar with google sites, you can't just paste in any code, but you can do almost anything through an xml file that functions through an iframe (i think that's the right terminology) To see the actual gadget, go to http://code.google.com/apis/gadgets/...cy/gs.html#GGE and and open this gadget from url: http://hosting.gmodules.com/ig/gadge...dropdown39.xml Any ideas on how to fix this? I know this is a strange way to get this result, but I like how it looks, and it was fairly easy - but, any other suggestions would be greatly appreciated Hello all I have created a page that takes and display some data from an xml file, it works fine on internet explorer, but when I tried to run it on the Mozilla FireFox there was no data any help?? Hi there im trying to make a menu sytem for a website and keep coming across the same problem it seems to work fine in IE but in firefox has a 4/5 pixel margin underneath that its really irritating me http://danielbourne.net/pdwcs/1/aboutest.html can anyone see any errors within there that i may have missed ? the menu css is within http://danielbourne.net/pdwcs/1/default.css any help is much apreciated thankyou Daniel Bourne Hi I am very new to website design and html code therefore I cannot spot what may be a very simple error in my webpage code. The page in question is http://www.stephanieholmes.co.uk/videos.html I have made the page in dreamweaver. The content is layed out in a table 7x8 with the two outer column's rows merged to contain the left and right floral border. However, in Firefox the centre columns are displaced vertically, but this problem does not occur in IE which confuses me. Please help! hi, i've a very simple html page, where i have an iframe. The problem is that i want to add some text below the iframe. however, my text keeps showing up on the right hand side of the iframe. i've looked at the tutorials discussing the tags available for iframe, but surprisingly, none seem to relevant to this. Code: <html> <body> <table border="0" cellspacing="10"> <table border="0" cellpadding="0" cellspacing="0" align="left"> <td valign="top"> <iframe src="mySource.jsp" height="700" width="600" frameborder="0" scrolling="auto"></iframe> </td> </table> This should be displayed below the iframe but actually gets displayed on the right </body> </html> any help / guidance in this will be much appreciated. thanks in advance! I have 2 IFrames on a page. I am going to end up with a long list of shows to catch-up on. Is there a way I can embed an IFrame with the list, and when you click on a show, you it will change the Playing Show http://tiny.cc/catchup <---The page I am referring to. Greetings HTML people. I am sort of frankenstining a webpage together. This is what I have so far hogepodged together. HTML Code: <!doCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <meta http-equiv="content-type" content="text/html;charset=ISO-8859-1"> <title>The works of D.M. Rosemark</title> <style type="text/css" media="screen"> <!-- body { background-color: #ffffff; margin: 0px } #horizon { color: white; background-color: transparent; text-align: center; position: absolute; top: 50%; left: 0px; width: 100%; height: 1px; overflow: visible; visibility: visible; display: block } #content { font-family: Verdana, Geneva, Arial, sans-serif; background-color: transparent; margin-left: -250px; /*half the iframe width */ position: absolute; top: -150px; /*half the iframe height */ left: 50%; width: 500px; /* ifame width */ height: 300px; /* iframe height */ visibility: visible } iframe.one { width: 600px; height: 375px; border-style:ridge; border-width:10px; border-color:#999999; padding:1px; } //--> </style> </head> <body> <div id="horizon"> <div id="content"> <iframe class="one" frameborder="0" src="http://www.webmasterworld.com/category10.htm" scrolling="yes"> </iframe> What I want to accomplish next is to border the Inline frame with Images I create in photoshop e.g. 2 side frames, one top banner, one bottom banner. How do I accomplish this in HTML? What are the technical challanges with this request? I have tried to search this out, but haven't found the necessary information. Thanks guys. D.M. Rosemark I want to redirect my users to C:\ but window.location won't do it, how do I do this? Let me preface this by saying I'm very much a novice at this. I've done very basic HTML for a while, but have not advanced beyond that at all except to copy and paste some nice Java scripts that I've enjoyed from time to time. I do have 2 phpBB forum boards that I've enjoyed setting up. But that's pretty step by step instructional. Beyond that, I don't have a clue. But I love the little icons that many sites use in their location lines. Google has the G, Yahoo has the Y!, and Woot has the !. I'd like to put one on my websites, but I'm having a terrible time finding the code for it. If it's done in a CSS, I'm screwed. I have only peeked at this and never attempted it. But if someone has a way to put a small icon on my location line, I'd love to see it. I do most of my own graphics, and making the icon wouldn't be a problem at all. I just need to find out how to embed it. Thanks Hi, I wanted to know if someone can help me use th right html code to display the proper city for someones IP. I have found this site : http://www.hostip.info/use.html but I dont understand how to integrate it into my html. So I want something like this "hello my name is bob and im from" and thne right after the site displays their city. I know its not always accurate but it doesnt matter, if its off then no big deal but the times its on could be a good selling point. I did a search and found someone else asking something similar long time ago but it didnt really help me as it dealt with php. is Php required to do this? If so how can i do it to integrate it into my html, maybe by putting this section in an iframe of php.... Point is I wouldnt want to redo the whole website in php, considering I dont know php. Thanks! On the website host i use i can put the location of the file (example, images/banner.png) but how do i get it from a diffferent file. like if the file i need is in the images file but my html file is in the "javascript" file Here is kinda what i mean. this shows where the files kind of a ( ">" points to the file in that folder ) javascript > index.html images > banner.png .. so how do i get the image from the image file without having to put the full url to it? because i cant put "images/banner.png" cause its going to think the image file is in the "javascript" (its going to go to "javascript/images/banner.png", instead of just "images/banner.png)file since the html file is in the "javascript" file and not the main page. if you dont understand this tell me and ill try to explain it better, i tryed to make it as clear as i could. hello people! so, i need some help with placing a table in a specific location in my website. please check it out here, www.tech-nuke.com. you will notice that there are a white blank space in the left side of the page, which i want to place a table there. and just for clarification, i want to place a table tag so the white empty area become independent (not really!) from its neighbor. i have been trying so hard to get something in that specific area but every time i missed up the desigen of the page. here is the html code of that part of the page: PHP Code: <table width="100%" border="0" cellpadding="0" cellspacing="0"> <tr> <td valign="top" class="titlebg">مرحبا بكم في <?php bloginfo('name'); ?></td> </tr> <tr> <td valign="top"><table width="100%" border="0" cellpadding="5" cellspacing="0"> <!--Added: Latest forum topics --> <tr> <td valign="top" class="cell-t" style="border:1px solid #ccc;">اخر مواضيع المنتدى</td> </tr> <td class="cell-h"> <? include('recent-topics.php'); ?> </td> <!-- Added: Remove for box 4 --> <tr> <td valign="top" class="cell-t" style="border:1px solid #ccc;">احدث موضوع</td> </tr> <tr> <td class="cell-h"> <?php $recent = new WP_Query("cat=25&showposts=1"); while($recent->have_posts()) : $recent->the_post();?> <div class="cat-image"><a href="<?php the_permalink() ?>"><img style="padding:0px; margin:0px; border:0px;" height="150" width="150" src="<?php echo get_post_meta($post->ID, "Thumbnail", true); ?>" /></a></div><?php the_content_limit(800, ""); ?> <div style="display:block; text-align:right;"><b><a style="font-size:14px;" href="<?php the_permalink() ?>" rel="bookmark"><?php the_title(); ?> »</a></b></div> <?php endwhile; ?> </td> </tr> <!--end added: remove for box 4 --> <tr> <td width="65%" valign="top"><table width="100%" border="0" cellpadding="5" cellspacing="0"> <tr> <script type="text/javascript"><!-- google_ad_client = "pub-6723104396625340"; /* 468x60, created 4/26/09 */ google_ad_slot = "7601118167"; google_ad_width = 468; google_ad_height = 60; //--> </script> <script type="text/javascript" src="http://pagead2.googlesyndication.com/pagead/show_ads.js"> </script> <td valign="top"> <table width="100%" border="0" cellpadding="5" cellspacing="0"> <!-- <p>1</p> --> <!-- Added: Remove to get box 1--> <tr> <td valign="top" class="cell-t" style="border:1px solid #ccc;">++C</td> </tr> <tr> <td class="cell-h" style="padding:8px;"> <?php $recent = new WP_Query("cat=17&showposts=2"); while($recent->have_posts()) : $recent->the_post();?> <div align="center" class="Small-Landscape-image"><a href="<?php the_permalink() ?>"><img style="padding:0px; margin:0px; border:0px;" height="80" width="80" src="<?php echo get_post_meta($post->ID, "Thumbnail", true); ?>" /></a></div> <?php the_content_limit(700, ""); ?> <div style="display:block; text-align:center;"><b><a style="font-size:14px;" href="<?php the_permalink() ?>" rel="bookmark"><?php the_title2('', '...', true, '70') ?> »</a></b></div> <?php endwhile; ?> </td> </tr> <!--End Added: Remove to get box 1 --> </table> </td> <td style="border-left:1px dotted #999999;" valign="top"><table width="100%" border="0" cellpadding="5" cellspacing="0"> <!-- <p>2</p> --> <!-- Added: Remove to get box 2--> <tr> <td valign="top" class="cell-t" style="border:1px solid #ccc;">برمجة الالعاب C++/SFML</td> </tr> <tr> <td class="cell-h" style="padding:8px;"> <?php $recent = new WP_Query("cat=25&showposts=2"); while($recent->have_posts()) : $recent->the_post();?> <div align="center" class="Small-Landscape-image"><a href="<?php the_permalink() ?>"><img style="padding:0px; margin:0px; border:0px;" height="80" width="80" src="<?php echo get_post_meta($post->ID, "Thumbnail", true); ?>" /></a></div> <?php the_content_limit(700, ""); ?> <div style="display:block; text-align:center;"><b><a style="font-size:14px;" href="<?php the_permalink() ?>" rel="bookmark"><?php the_title2('', '...', true, '70') ?> »</a></b></div> <?php endwhile; ?> </td> </tr> I have embeded a layer on my page but cannot set the exact location of the player, like move it 10% to the right or 20% to the botton the only attribute i can play with is align which either puts ir extreme left/right or so called centre, so how do i set the exact co-ordinate if you may so i can put it exaclt where i want to. Hi, I'm trying to build a program that automatically picks images from a given web page. As you know, there's a lot of relative paths used on those. Now, I got to my first big problem, this is the address I'm trying to use: http://www.nba.com/games/20090117/ORLDEN/preview.html this is the address where image is: http://www.nba.com/media/homepage/bullet_video.gif and this is the address source code refers to: img src="/media/homepage/bullet_video.gif" border=0 Now, note that there's no ".." in the front of that address. Question: How can I determine based on the address when the location of image is http://www.nba.com/media/homepage/bullet_video.gif and when it is http://www.nba.com/games/20090117/OR...llet_video.gif And yes, this is 100% about automatizing the process, so the answer I'm looking for has to be something I can tell to VBA (the language I'm using to write my program). Thank you for any answer. |