Force full display height in browser window

[orion pax]

I am trying to make a fluid-flowing website. Meaning when you resize the window, it will adjust everything automatically to fit in the window. I can do the width. Easy. I am using CSS and a Div Wrapper. I just cant force my iframes to take the full height of the window. Any ideas? And yes I tried HEIGHT=100% in the iframe and in its div!

[jlhaslip]

Is there enough content in the iframe to fill the size you have requested?Maybe post a link or some code, please. Might be something else limiting the iframe sizing.

[orion pax]

http://www.wrestlegeek.com/index.htmlI included the index.html in the link because my index.shtml is still on the server. I was trying something else with SSI which didnt work to solve my problem. Here is the code.....default.css

td.adminct {	text-align:center;	font-size:small;}iframe.textcolor {	color:#FFFFFF;}h1.ctext {text-align:center;}body {	background-color:transparent;	color:#A52A2A;	font-weight:900;}body.black {	background-color:#000000;	color:#D2691E;	font-weight:900;} a:link {text-decoration:underline; color:#0000FF;}a:visited {text-decoration: underline; color:#00FF00}a:active {text-decoration: underline; color:#FFFFFF;}a:hover {text-decoration: underline; color:#FFFFFF;}.class1	a:link {text-decoration: none; color:#000000;}.class1 a:visited {text-decoration: none; color:#000000;}.class1 a:active {text-decoration: none; color:#000000;}.class1 a:hover {text-decoration: none; color:#000000;}.class2 a:link {text-decoration: none; color:#FF0000;}.class2 a:visited {text-decoration: none; color:#FF0000;}.class2 a:active {text-decoration: none; color:#FF0000;}.class2 a:hover {text-decoration: none; color:#FF0000;}#wrapper {	position:relative}#ranks {	width:13%;	height:100%;	position:absolute;	left:87%;	background-repeat:no-repeat;}#navb script:;" onclick="changeiframe('newsframe','http://www.stormannormandproductions.com/wrestlegeek/main.shtml');changeiframe('main4','http://www.stormannormandproductions.com/wrestlegeek/comments/comment.php?pageid=12')"><img src="images/home.png" alt="News" width="100%" /></a></span></td>			</tr>			<tr>				<td><span class="class1"><a href="java script:;" onclick="changeiframe('newsframe','http://www.stormannormandproductions.com/wrestlegeek/federations.shtml')"><img src="images/feds.png" alt="Federations" width="100%" /></a></span></td>			</tr>			<tr>				<td><span class="class1"><a href="java script:;" onclick="changeiframe('newsframe','http://www.stormannormandproductions.com/wrestlegeek/bios.shtml')"><img src="images/bios.png" alt="Wrestler Bios" width="100%" /></a></span></td>			</tr>			<tr>				<td><span class="class1"><a href="java script:;" onclick="changeiframe('newsframe','http://www.stormannormandproductions.com/wrestlegeek/ranked.shtml')"><img src="images/ranks.png" alt="Rankings" width="100%" /></a></span></td>			</tr>			<tr>				<td><span class="class1"><a href="java script:;" onclick="changeiframe('newsframe','http://www.stormannormandproductions.com/wrestlegeek/events.shtml');changeiframe('main4','http://www.stormannormandproductions.com/wrestlegeek/comments/comment.php?pageid=13')"><img src="images/events.png" alt="Current and Upcoming Events" width="100%" /></a></span></td>			</tr>			<tr>				<td><span class="class1"><a href="http://www.wrestlegeek.com/forum/"><img src="images/forum.png" alt="Wrestlegeek Dot Com Forum" width="100%" /></a></span></td>			</tr>			<tr>				<td><span class="class1"><a href="java script:;" onclick="changeiframe('newsframe','contact.html')"><img src="images/contact.png" alt="How to contact us" width="100%" ></a></span></td>			</tr>			<tr>				<td><span class="class1"><a href="java script:;" onclick="changeiframe('newsframe','about.html')"><img src="images/aboutus.png" alt="About Wrestlegeek Dot Com" width="100%"  /></a></span></td>			</tr>			<tr>				<td><span class="class1"><a href="java script:;" onclick="changeiframe('newsframe','links/linkfile.html')"><img src="images/links.png" alt="Links to other interesting sites" width="100%" /></a></span></td>			</tr>			<tr>				<td><span class="class1"><a href="java script:;" onclick="changeiframe('newsframe','http://www.stormannormandproductions.com/wrestlegeek/bigtop.shtml');changeiframe('main4','http://www.stormannormandproductions.com/wrestlegeek/comments/comment.php?pageid=14')"><img src="images/bigtop.png" alt="DZ-Hydes Under The Big Top Article" width="100%"></a></span></td>			</tr>			<tr>				<td class="adminct"><span class="class2"><a href="http://wrestlegeek.stormannormandproductions.com/login.html">admin panel</a></span></td>			</tr>			  </table>		</div>				<span id="news">		<iframe src="http://www.stormannormandproductions.com/wrestlegeek/main.shtml" width="100%" scrolling="auto" frameborder="0" id="newsframe" allowtransparency="true"></iframe>		</span>				<div id="ranks">		<iframe class="textcolor" src="http://www.stormannormandproductions.com/wrestlegeek/ranks.shtml" width="100%" scrolling="auto"	frameborder="0"></iframe>		</div>	</div></body></html>

main.shtml - this is the file that loads the news and comments scripts. I am trying to do a 3 column design here. WIth a header. I am thinking of making my comments script a footer. Maybe adding a footer would force my middle column to display full?

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html>	<head>		<meta http-equiv="Content-Type" content="text/html;charset=iso-8859-1" >		<link href="default.css" rel="stylesheet" type="text/css" >		<title>		Title goes here		</title>	</head>	<body>		<img src="images/wgeek.jpg" width="100%" height="100%" alt="Background" />		<div id="stuff">			<p>				<!--#include virtual="/cgi/wrestlegeek/news/news.pl"-->			</p>			<iframe src="/wrestlegeek/comments/comment.php?pageid=12" width="100%" height="300"></iframe>		</div>	</body></html>

you will notice that in some of my links you see www.stormannormandproductions.com.....that is my main hosting account. wrestlegeek is a subdomain on my godaddy hosting account. They dont provide cgi folders in subdomains. The last hosting service I had a year ago did provide them.

[jlhaslip]

<iframe src="/wrestlegeek/comments/comment.php?pageid=12" width="100%" height="650px"></iframe>

does this work?How many iframes are in this page? There are scrollbars all over the place.And why, exactly, are you using iframes for what could be a simple html/css three column layout using div's?http://www.w3.org/2002/03/csslayout-howtohttp://cssplay.co.uk/layouts/3cols.html#and there are many more out there.

[orion pax]

Because I have dynamic content loaded in my middle column, and on the right hand column. In the middle column you see my comments script loaded in an iframe within an iframe. That I plan on changing that to a footer. And yes it works. Because the shtml page that the iframe loads is linked to my main domain. Your thinking how in the world could wrestlegeek load a script in a folder that is behind it?

[jlhaslip]

Dynamic content loads into div's just fine. But, whatever...

[orion pax]

So you telling me that I have to setup each page with a 3 column display template. Every single one? I was trying to avoid that so when you click on a link in the dynamic content it only loads the new content in the middle. Which is why I used IFRAMES. I was using frames before. But I learned how to use a div wrapper and design a 3 column website but I just cant get the IFRAME to take up the full height of the browser window.

[orion pax]

In other words I want the links in the content to load in the middle. Not reloading each page after they click on any link.

[jlhaslip]

Ajax can handle that, I believe. Otherwise, there must be some server interaction of some sort to re-load the content.

[orion pax]

Well I solved my problem. Before I had no choice but to use iframes because I was having issues getting the subdomains to work in the cgi folder on the main domain. I had to first link to a file anywhere on the hosting account through the main domain URL. Then I could access the cgi folder by folder paths only. I could not directly link to it via URL. Well while browsing around on apaches website I fount a way to force apache to allow cgi execution in ANY folder by creating a .htaccess file in the folder you want to be executable and add Options +ExecCGI to it. That tells apache to allow cgi execution for that folder it is in. So I made a folder named CGI and put a .htaccess file in it and walla! Now it only works if the allowoveride option is set in the apache configuration. It seems that godaddy's tech support is not that great as since I have been fighting with them all week about this problem and have not paid attention to my messages and I have to keep pointing out my problem to them all the time. So now I can do a 3 column website with header/footer and make each page with a template that I am going to create to stream line it!

[jlhaslip]

How did this tpoic get from setting the height of an iframe to writing Apache directives?

[reportingsjr]

ROFL, so you wanted it so when you clicked on a link in the right or left iframe it loaded in the middle? Ok, you would just need to put name="content" in the middle frame then for each link add content="content" and it would have worked..

[orion pax]

That would work without an iframe? Because I just rewrote the hole site with a template in dreamweaver that I made so it would help stream line the changes. I'm not using any frames so would I put name="content" in the div?The topic didnt change. The apache directives just made my life a hole lot simpler because no one helped solve my height problem with the iframes. The source for the iframes had a good bit of content and I wanted the iframe to go far enough to the bottom of the page so I wouldnt have this super tiny iframe with a lot of content in it.

[reportingsjr]

No, unfortunately you couldnt use it anymore . Just replace the div with an iframe? I dont know, have fun!