Iframes? framesets?

1

What are the difference between these?

On the following site, how do they get the scrollbar in the middle of the page? I viewed source and it shows it was made using framesets, so should i make my whole site using framesets (its going to have a similiar concept), or is it possible with tables?

I have tried using iframes, but i can’t control so they go to the correct positions and stuff so i’m wondering what i should use. thanks!

http://avionics.flashlevel.com

2

Just my personal opinion, but I would think that placing an iframe within a table cell would be easier to control than dealing with nested framesets.

3

ok thanks, so how would i go about doing that? i’ve tried;


 <td width="171"  align="center" bgcolor="#FFFFFF"><iframe src="home.htm" width="450" height="auto" align="right"></iframe>&nbsp;</td>

which i thought would create a iframe in that table cell. But it overlaps onto another table cell. I’m having some trouble with the positions and sizes of it :-\

EDIT: btw, is there such thing as height=“auto”, so it like stretches depending on the page size? Kind of like the ‘*’ they use for framesets…

4

Most of the iframe attributes are the same as table attributes. The one thing I notice in your code is that the cell width is set to 171 px, but the iframe width is set to 450 px.<table cellspacing=“0” border=“1” width=“480” cellpadding=“3”>
<tr>
<th align=“left” width=“20%”>Attributes:</th>
<th align=“left” width=“20%”>Values:</th>
<th align=“left” width=“60%”>Description:</th>
</tr>
<tr>
<td valign=“top”>src</td>

&lt;td valign="top"&gt;&lt;i&gt;url&lt;/i&gt;&lt;/td&gt;
&lt;td valign="top"&gt;The address of the document that will show in the frame&lt;/td&gt;

</tr>
<tr>
<td valign=“top”>height</td>
<td valign=“top”><i>pixels<br />
%</i></td>

&lt;td valign="top"&gt;Sets the height of the inline frame&lt;/td&gt;

</tr>
<tr>
<td valign=“top”>width</td>
<td valign=“top”><i>pixels<br />
%</i></td>
<td valign=“top”>Sets the width of the inline frame</td>

</tr>
<tr>
<td valign=“top”>name</td>
<td valign=“top”><i>frame_name</i></td>
<td valign=“top”>The name of the inline frame</td>
</tr>
<tr>

&lt;td valign="top"&gt;longdesc&lt;/td&gt;
&lt;td valign="top"&gt;&lt;i&gt;url&lt;/i&gt;&lt;/td&gt;
&lt;td valign="top"&gt;A url to a long description of the contents of the frame&lt;/td&gt;

</tr>
<tr>
<td valign=“top”>frameborder</td>
<td valign=“top”>1<br />

  0&lt;/td&gt;
&lt;td valign="top"&gt;Display or not display a border around the frame&lt;/td&gt;

</tr>
<tr>
<td valign=“top”>marginwidth</td>
<td valign=“top”><i>pixels</i></td>
<td valign=“top”>The horizontal margins of the frame</td>

</tr>
<tr>
<td valign=“top”>marginheight</td>
<td valign=“top”><i>pixels</i></td>
<td valign=“top”>The vertical margins of the frame</td>
</tr>
<tr>

&lt;td valign="top"&gt;scrolling&lt;/td&gt;
&lt;td valign="top"&gt;yes&lt;br /&gt;
  no&lt;br /&gt;
  auto&lt;/td&gt;
&lt;td valign="top"&gt;Define scroll bars&lt;/td&gt;

</tr>

</table>

5

Oh yea, thanks for the table (why such a big blank space btw?!).

Anyways, if i have the width, but i don’t know the height of the table how do i define the iframe height? Because the size of the table depends on the browser size, so i want the iframe height to adjust accordingly. thanks

EDIT: oh btw, whats the difference between these and layers?

6

I dunno whatzup with the big white space, the board sometimes does strange things with HTML code.

You can set the height attribute as a % of the browser window. That would adjust it based on the user’s display size.

iFrames allow you to create a “hole” in one web page to display the content from another. You can’t do that with layers, at least not in the same manner.

7

ok thanks…I think it works properly, but would you know why when i preview it in my browser everything messes up, but after i upload it, it works fine??

8

*Originally posted by blah-de-blah *
**ok thanks…I think it works properly, but would you know why when i preview it in my browser everything messes up, but after i upload it, it works fine?? **
Just one of those many mysteries that only Bill Gates knows the answer to. (-:

9

doh :-\

10

Since you’re here i won’t bother making a new thread :stuck_out_tongue: How do you make it so that when you enter text into your table, the table width doesn’t adjust?? Oh yea…and i htink my iframe is still not working properly. I think it is still overlapping onto another table cell. Is there some code to prevent this? thanks !!

11

To keep table cells from expanding when you add multiple lines of text you need to make sure that the table is set to a fixed with and that other cells within that same row cannot be reduced in size. Transparent spacer images are a very useful tool for this.

12

Yea ive tried that but it still not workin :-\ Heres my code…i hope i’m not botherin you :stuck_out_tongue:


<body scroll='no' bgcolor="#CCCCCC">
<table width="550" height="100%" border="0" align="center" cellpadding="0" cellspacing="0" bgcolor="#FFFFFF">
  <tr> 
    <td height="250" colspan="2" align="center" bgcolor="#FFFFFF">&nbsp;</td>
  </tr>
  <tr> 
    <td width="185" valign="top" bgcolor="#FFFFFF">asdfasdfvasdfasdf</td>
    <td width="365" align="right" valign="top" bordercolor="#FFFFFF" bgcolor="#FFFFFF"><iframe src="home.htm" width="365" height="100%" align="right" marginheight="0" marginwidth="0" frameborder="0" scrolling="auto"></iframe>&nbsp;</td>
  </tr>
  <tr> 
    <td height="27" colspan="2" align="center" bgcolor="#FFFFFF"><img src="tests/template3_bottom.png">&nbsp;</td>
  </tr>
</table>
</body>
13

botherin’ me? naw, if so I’d just ignore ya. :wink:

The cell to the left of the one holding your iFrame is the key. At this point all you have holding it’s width is text, “asdfasdfvasdfasdf”, which isn’t sufficient for that purpose. I’d insert a transparent spacer image at the top or bottom of that cell.
<img src=“spacer.gif” height=“1” width=“185”>.

You also need to make sure that home.htm does not contain any layers that are wider than the alloted 365 pixels.

14

Do i havta make something called spacer.gif? or is there always something called ‘spcaer.gif’ lying around :stuck_out_tongue: I"ll test it out now and let you know how it goes :slight_smile:

15

You have to make one, but once you do you can use it over and over and over. Make it 1 pixel by 1 pixel. You set the specified size for each use within the IMG tag.

16

Ok i’ve done that now, but for some reason it still stretches. Heres my file, i hope you can help :slight_smile: And can you help me see why my iframe doesn’t position on the very right? it positions closer to the middle or something. THanks!!

17

I see two problems.

  1. You need to add <BR> tags following the spacer images.

  2. There is no ALIGN parameter in an IFRAME tag. You’ll need to control the alignment of that content within the coding of home.htm. I’d just insert it all into a 345 pixel wide table (subtract 20 pixels for the scroll bar width) and set the cell alignment to “right”. Also, don’t forget to set the page margins to zero.

18

What is the quickest way to subtract 20 pixels from the table instead of doing it manually with spaces and stuff? Oh and i have add < br > tags, but they still seem to stretch. I dunno why :frowning:

19

What browser are you using? I tested in IE 6 and Mozilla 1.4

I was talkin about a new table within home.htm, as an alternative you might try using <div align=“right”> instead of using the 345 pixel table.

20

Oh i was being stupid :-\ I realized if i had a 200000 letter word with no spaces it would stretch but with spaces they don’t stretch :stuck_out_tongue:

Ok so now that i have that fixed, i have the div align thing set already. But you said in your previous post to leave 20 pixels for the scrollbar. How would you measure these 20 pixels? And is it possible to make the word go to the next line if htere is only 20 pixels left of the line? thanks!!