iframes positioning trouble using diff browsers???

liunx

Guest
OK, heres the problem ...when i insert <iframes> then few the results of my page in explorer everything looks OK, but when i switch my browser to safari the frame is in the middle of the page overlapping everything else.<br />
<br />
do you guys need more info or need to see the code to help me out? if it helps i was trying to place the iframe inside of a table, which i think i did correctly?? as i said the positioning is ok using explorer but not safari. i know i must be doing something wrong coz i can view other sites that use iframes fine using both browsers.<br />
<br />
Cheers!<!--content-->Yes, we will need to see the code. Or, preferably, linkage to the page in question. ;)<!--content-->heres the code. the sites not up so i can't provide a link. i'm a bit of a newbe<br />
<br />
<td width="575" rowspan="3" valign="top" bgcolor="#E0FFE3"><iframe src=http://www.webdeveloper.com/forum/archive/index.php/"faq iframe content.htm" style="position:absolute; width:560px; height:340px; top:34px; left:203px">Iframes are not supported by this browser.</iframe></td><br />
<br />
when i view the results ...somehow i don't think the iframe is actually inside the table????<!--content-->heres a look at the code from a wider perspective....<br />
<br />
<br />
<tr><br />
<td width="186" height="115" align="left" valign="top">&nbsp;</td><br />
<td width="19" height="361" rowspan="3" valign="top" bgcolor="#E0FFE3">&nbsp;</td><br />
<td width="575" rowspan="3" valign="top" bgcolor="#E0FFE3"><iframe src=http://www.webdeveloper.com/forum/archive/index.php/"faq iframe content.htm" style="position:absolute; width:560px; height:340px; top:34px; left:203px">Iframes are not supported by this browser.</iframe></td><br />
</tr><!--content-->Originally posted by tarka <br />
when i view the results ...somehow i don't think the iframe is actually inside the table???? <br />
Technically it isn't, since you are using absolute positioning to position the iframe. Absolute positioning removes an element from the document's normal flow, so the other elements don't even know it exists, and thus act as if it doesn't.<br />
<br />
Why are you absolutely positioning the iframe? Can you just slap it in the table cell "as-is"?<br />
<br />
Also, could you provide the entire code? Attach it as a text file...?<!--content-->OK, i'm kinda following you on this one, so i need to amend the code by removing absolute positioning? attached is the txt file with the full code.<!--content-->Whoa... something up with that attached file. :eek:<br />
<br />
Anyways, yes, just remove the absolute positioning from the iframe code, and you should be all set to go. ;)<!--content-->could you not open the file? if theres something wrong with it it might be coz i created it using mac osx.<br />
<br />
anyway, you sir are a gentleman and a scholar. problem solved.<br />
<br />
Cheers mate!<!--content-->Originally posted by tarka <br />
could you not open the file? if theres something wrong with it it might be coz i created it using mac osx.<br />
I could open it, there was just a jumble of characters at the top of the document, and a bunch of backslashes; at the beginning and the end of a line. <br />
<br />
Originally posted by tarka <br />
anyway, you sir are a gentleman and a scholar. problem solved.<br />
<br />
Cheers mate! <br />
Awesome! Glad to help. :D<!--content-->just one other thing .....the frame in explorer has a slight 3d type shadow on the left and top edges. how do i get rid of it so the frame has a flat appearance? in other words i just want the frame to be less obvious so all you see are the scroll bars? again, in safari the frame looks cool but explorer has a ****ty way of displaying things, and i know its something to do with my coding coz other sites which use iframes look fine using both browsers.<br />
<br />
i amended my code to look something like this...<br />
<br />
<td width="575" rowspan="3" valign="top" bgcolor="#E0FFE3"><iframe src=http://www.webdeveloper.com/forum/archive/index.php/"faq%20content.htm" style="width:560px; height:369px">Iframes are not supported by this browser.</iframe></td><!--content-->Since the border is window chrome, it can't be removed with good ol' css, border: 0;, so to get rid of the border, add border="0" to your Iframe tag... <br />
<br />
<td width="575" rowspan="3" valign="top" bgcolor="#E0FFE3"><iframe src=http://www.webdeveloper.com/forum/archive/index.php/"faq%20content.htm" style="width:560px; height:369px" border="0">Iframes are not supported by this browser.</iframe></td><br />
<br />
;)<!--content-->i tried adding border="0" but theres no change<!--content-->My bad, it's frameborder="0"<!--content-->Originally posted by Paul Jr <br />
it can't be removed with good ol' cssSay what? Sure it can:<iframe src=http://www.webdeveloper.com/forum/archive/index.php/"http://www.google.com/" style="border: 0 none;"></iframe><!--content-->Originally posted by fredmv <br />
Say what? Sure it can:<iframe src=http://www.webdeveloper.com/forum/archive/index.php/"http://www.google.com/" style="border: 0 none;"></iframe> <br />
Doesn't work...?<!--content-->Worked flawlessly under Mozilla Firefox 0.8 (Mozilla/5.0 (X11; U; Linux i686; en-US; rv:1.6) Gecko/20040207 Firefox/0.8) so I'm not quite sure what you're referring to.<!--content-->Doesn't work in IE. Since the preview mode in Homesite uses IE, such quick things are previed in IE. I'd love to change the browser, but I haven't been able to, even following the directions in the "Help" section.<!--content-->Leave it to IE to screw things up&hellip; :rolleyes:<br />
<br />
Perhaps it can be modified to work in IE without using presentational markup.<!--content-->Paul Jr, you are on fire! thanks again for the help. sorted<br />
<br />
and cheers to Fredmv for the css tip<br />
<br />
i love this forum<!--content-->Originally posted by fredmv <br />
Leave it to IE to screw things up&hellip; :rolleyes:<br />
<br />
So true.<br />
<br />
Originally posted by tarka <br />
Paul Jr, you are on fire! thanks again for the help. sorted<br />
<br />
and cheers to Fredmv for the css tip<br />
<br />
i love this forum<br />
You're welcome!<br />
Yup, this forum rocks! :D<!--content-->
 
Back
Top