HTML - Iframe Wrong Size
Hey guys,
http://www.cedarcreekyouth.org/chat.html My iFrame on that page is set at like 90%.. I can't figure out why it is so small.. Please help, I've tried everything I could think of. Please & Thanks you! Cody Similar TutorialsHi, I'm having trouble with the iframe at this site: http://www.akbrowser.tk If you look at it's code, it is relatively simple. If you try to click the "quick links" on the side, it isn't going to that link in the iframe (however the "tabs" are working) help? Hi, I can not seem to be able to change the size of my Iframe in fire fox, got eny ideas why it is not working? HTML Code: <iframe src ="http://google.co.uk" width="100%" height="350%"> </iframe> Sorry, but I have another problem :/ http://cedarcreekyouth.org/photos.html iFrame on that page will not work size properly? Hey everyone, this is my first post! This might belong in the scripting section, I'm not sure. Here is a breakdown of what I'm trying to accomplish. I have a script running on a vbulletin site that incorporates iFrames via BBcode. So I can control the attributes of the frame. So for example, the script I'm running embeds content into the threads automatically using the BBcode I defned. When someone types [BBFrame]http://www.google.com[/BBFrame] it will parse, < iframe src="http://www.google.com">. I want to restrict iFrames created from accessing sites outside my domain. The script I'm running automatically embeds content on my domain, what I don't want is someone viewing the source code and using the BBcodes to embed malicious sites! Can this be done? THANKS FELLAS! Hi everybody! I always try to avoid the use of IFRAMEs, but in this case I had to insert the weather forecast coming from another site. This "source" website has an api which allows one to choose the background of the IFRAME, so no problems with the actual background indeed... but on IE 7 I see an ugly white spot if I set the "height" of the IFRAME to something bigger than the actual height of the content. (see attachment) This does represent a problem, since the actual content is variable in size, and thus I wanted to allow for some padding. I googled for the solution, but the only thing I can find is "how to set the background to transparent" which is not what I need. I tryed it anyway, as seen in following code: HTML Code: <iframe scrolling="no" frameborder=0 style="width:200px;height:490px;background-color:#000000;color:#000000;" allowtransparency="true" src="http://www.ilmeteo.it/box/previsioni.php?citta=5155&type=mps1&width=200&ico=1&lang=ita&days=3&font=Arial&fontsize=12&bg=000000&fg=FFFFFF&bgtitle=FF0000&fgtitle=FFFFFF&bgtab=E8F000&fglink=1773C2"> </iframe> The real problem is that I have no control on that white area, not even by setting bgcolor=black or style="background: black;"... Any ideas would be greatly appreciated! i have 2 frames in my parent frame say 1.htm ie left frame and 2.htm ie right frame now this 1.htm is quite a long frame and has a scrollbar and 2.htm is a short one i dont the scroll bar beside my frame 1 but want it to be for my entire parent window ie i wont to scroll both my left and right frames together how do i do that Hi! I have a page that contains a text area. What I want it to do is to change its size according to the size of the browser window. How can I make it do that? I did it once but just can't seem to remember how I did it. Thanks All: Working to update a previously designed website. Original design uses an <img> tag to create a top banner and another <img> tag to create a side banner. In each case there are mapped coordinates on each banner as links for the subsequent pages. Basic page design is as follows: Code: <table> <tr> <td> <img usemap="Map1"> <map name="Map1"> <area> <area> <area> </map> </td> </tr> </table> <table> <tr> <td> <img name="Map2"> <map> <area> <area> <area> </map> </td> <div> ***PAGE CONTENT*** </div> <tr> <table> The challenge is that the [PAGE CONTENT] varries in length througout the site causing some pages to be much longer or shorter than others. This causes some inconsistencey in the relationship between the side banners height and the page content. In other words in some cases the banner is exceptionally longer than the page content and the reader must scroll past significant "dead-space" before being brought to the lowest mapped links in the side banner; or... ...in some cases the side banner is significantly shorter than the page content causing the banner image to appear "poorly-fit" to the page design. I considered altering the 2nd table instance in the above design so that the banner is carried in a <td> tag that is adjacent to the page content and hopefully to allow the tag carrying the image to size relative to the <td> tag carring the content.... Code: <table> <tr> <td> <img usemap="Map1"> <map name="Map1"> <area> <area> <area> </map> </td> </tr> </table> <table> <tr> <td size="100%"> <img name="Map2"> <map> <area> <area> <area> </map> </td> <td size="100%" > <table> ***PAGE CONTENT*** </table> </td> <tr> <table> The problem I've found with this is that as the content size causes the image to "flex", either readablilty or image quality or both are effected, AND the mappings become inconsistent as the image coordinates constantly change. I've considered 2 solutions and am leaning toward one, but thought I'd post this and see if there are better ideas I'm overlooking. One idea was to add additional table rows inside the [PAGE CONTENT] table presumably creating a "defalut" page size that would never be smaller than a standard for the side banner. Problem: larger page sizes are still a problem as are the changing map coordinates My other idea was to return to the original page design listed first above and again settle on a standard side banner "height"... ...any page that was significantly longer than that height would be split to 2 or more pages with a [NEXT>>] button at the bottom of the page navigating to the additional content. Problem: ...possible complications splitting content... Benefit: ...consistent page design that allows a consistent side banner with navigable links... Question for the group: Does this sound reasonable? Are there better alternatives I am overlooking? THANKS IN ADVANCE FOR ALL INPUT!! 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. 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! Now here is my problem. I'm not familiar with other laguages then html and a little bit of javascript and I wanted to make a site for me and my brothers photography company. I currently using dreamweaver and have figured out the way I want to make this site. I tried using ordinary frames, but I want the website to be aligned in the middle and I could make that happen. That is why I went into iframes and a regular table on the index page. My problem now is that I have several iFrames and I want a link from one to open in another. http://www.trans4mind.com/personal_d...e/iframes3.htm here is a link for this to happen, and the simple solution is to name the frame and then target the link. but I have tried that and when the link is from one iframe to another it won't work. If the link is on the index page and target the iframe then it works. Do you have any idea why this happens? I know it's possible since the link above does it. Hi! I've been cracking my head trying to solve this: How can I insert a iframe [i.e. 300x200px] inside of another iframe [i.e. 700x500px] and pull different web content n each one? kind of concentric iframes or like a 'Donut iframe' I'd like my div to automatically expand when there is more text but I don't want it smaller than a certain size. Is this possible? Please look at the following site to see what I mean and click on the Writing tab. (The right hand div is what I'd like to fix--you see the text is cut off.) Thank you so much! http://rkgrant.110mb.com/rkghome2.html ok i have a page that opens another page without the toolbars, however the issue is that i dont know how to make them different sizes, like this page im including here is too small for what is actually on the page. I have to maximize the window. How do i html the code for the size page i want it to be. I hope I am sayong that correct. 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"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Home Certification</title> </head> <script language="JavaScript"> function loadMainWindow() { var win = window.self; win.opener = window.self; var newloc = "http://clas0as21.corp.cox.com/sdchealtop/framework/frameset.asp"; var ih = (window.window.screen.availHeight - 60) - 100; var iw = (window.window.screen.availWidth - 10) - 100; var it = ((window.window.screen.availHeight - 60) - ih) / 2; var il = ((window.window.screen.availWidth - 10) - iw) / 2; var features = "directories=no,menubar=no,location=no,toolbar=no,status=yes,scrollbars=yes*,resizable=yes" + ",width=" + iw + ",height=" + ih + ",top=" + it + ",left=" + il + ""; v1 = new Date(); v2 = Date.parse(v1); v3 = "pg" + v2; var oNewWindow = window.open(newloc, v3, features); oNewWindow.focus(); win.close(); } function window.onload() { try { loadMainWindow(); } catch(e) { popUpMessage.style.display = 'You Are Being Redirected!'; } } </script> Im using Dreamweaver and im using a table to layout my page. I have managed to get the table width to resize with the browser window but cant get the height to do it. I have a black bar along the bottom which I want to lock to the bottom of the browser window and resize with it but I just cant do it. I have attached the file below if someone can have a look for me it would be great! Cheers Peeps Could someone give me some assistance on sizing a frame correctly? On the following page, I cannot seem to get the height of the background (behind the form) sized properly, leaving the line through the submit button. http://www.sutherlandlegal.com/contactus/index.html Appreciate any help... hey all, working on some simple coding that is giving me trouble. here is what i have so far: HTML Code: <div style = 'position:absolute; width:auto; background-color:#DFD2FC;padding:10px;'> <div style = 'position:relative; background-color:#B6FCCC;'> <p>pair</p> <div style = 'position:relative; float:left; background-color:#FCE4B6; margin:5px; padding:5px;'> <p style = 'align-text:left'>1<br>2<br>moo<br>meow</p> </div> <div style = 'position:relative; float:left; background-color:#FCE4B6; margin:5px; padding:5px;'> <p style = 'align-text:left'>3<br>4<br>sdf<br>asdf<br>sdf</p> </div> </div> </div> however, it's not behaving correctly. i'd like the 'green' div to change in size according to the text within the 'yellow' divs. and then the 'purple' div should change size compared to the size of the 'green' div. i hope that's clear... any help? How can I get the size of each frameset . I need to get the size wen the user drags any frameset.? Plz help me. I am trying to register on a website. I need to enter a username which is 12 characters long, but i cannot as the maximum character size is 10. So I got the page source code and edited the field size and made it 20 characters long. But there is a problem it checks for that whether the user has accepted terms on the previous page similar to the registeration process in HTML Forums. This is the code : please help me modify this code so that i can save it as htm and run, then register with my 12 character username. thanx |