unable to show height 100% in firefox
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link rel="stylesheet" type="text/css" href="main.css" />
<div class="header">here will come here</div>
<iframe width="196" height="100%" class="for_min_hight" scrolling="yes" src="http://www.google.com"></iframe>
<iframe width="790" height="100%" class="for_min_hight" src="http://www.microsoft.com" scrolling="auto"></iframe>
<div class="footer">here will come footer<br />
how can i set <iframe> height 100%, it's not working in firefox
You did set it to 100%.
That means that the height should be the same as the height of it's container, in this case, #left_col or #right_col.
Do you want the iframes to be 100% of the window size? If so, you'd need to make every parent element 100% in height also, up to the <body> element. After that, you might have some problems with (browser default) padding and margins; so you might have to change those to 0.
Let me know what you want it to look like, exactly.
how can i streatch iframe 100% as per the data
i trying to streatch iframe 100% as per the data. if the page height increase scroll should to come on the browser right site not in the iframe right side.
please give the solution.
Do you want your layout to look something like this?
This is exactly what I'm trying to achieve (except for the fact that the middle section is another iframe, and all the three iframes can scroll if content height is >100%) but can't.
Originally Posted by traq
Please check here, for my thread on this:
There's a number of three-column layouts in the DD CSS Library. Just put one iframe in each column. You can leave out the header/footer if you don't want them.
What you want is not possible for iframes loading a page from a 'foreign' domain. You can't auto(re)size them.
Originally Posted by jacks_bfa
Please Try this code for the same
and replace the following line: