Forum Moderators: open
<td rowspan="2" class="insframe" height="100%"> <iframe src="accomp.htm" width="270px" height="100%" marginwidth="0" marginheight="0" frameborder="0"></iframe>
CSS declarations for class
.insframe{
background-color: #404040;
border: 5px solid #F2F2F2 ;
text-align: center;
padding: 0;
vertical-align: top;
}
The src document called by the iframe is in a 1x1 table with a height and width of 100%. nothing special going on in there. So when it loads, the iframe is actually exceeding the cell that its being placed in by more than 5px. However, if i actually try to "size out" the call on a mac and give a pixel height, then on the pc it is too short.
anythoughts?
cs
<td valign = "top"><iframe name="changeme" src = "blah.html" width = "525" height = "1" align="right" scrolling="yes" frameborder="0></iframe>
</td>
When the iframe content loads, it'll automatically be the exact height of the cell.
I found from a usability point of view, that making the iframe scroll was bad in my case. The outer doc is the menu and the iframe contains all the changing content. Therefore, if the menu page is longer than the screen AND the changing content is longer than its given area, you wind up with two scrollbars. It ain't pretty. Just something to consider. Sticky me if you'd like to see an example (of how to do it, not the bad way! :))