100% table height - Webmaster Forums - Webmaster forum for HTML, PHP, ASP, CSS and more

vectorizor · 06-15-2006, 12:34 AM

Hello,

I'm looking for a way to have the main/master table of a site stretch 100% vertically given a browser's dimensions. I've tried various methods discussed by doing a basic search on google (id=fullheight where the fullheight has a height: 100% property, height="100%", using image spacers, etc) but none of them seem to work. Does anyone know of a method to solve this problem?

charan_s · 06-16-2006, 04:44 AM

hi,
Try to use height:100%, to your main/master table's td such that <td height="100%"> to expand. And also tyr to use <tr><td height="100%"></td></tr> at the end of the master table

vectorizor · 06-17-2006, 09:46 AM

Unfortunately I've already attempted those methods with no luck. Actually, I can't recall a website that actually has the whitespace on a page stretch out to fill out a browser window to the 100% height so I'm not sure if it's even possible using a simple method. =( If anyone knows of a simple or straightforward method, your help would be greatly appreciated.

Thanks for the suggestions though, Charan_S.

Forgotten · 06-20-2006, 06:14 PM

Well tables (from what I can remember) are the worst containers to use when trying to get 100% height with cross-browser functionality.

I use CSS and <div> tags, wherein the table tags can be inside.

Code:

/* CSS Code */

html,body {
	height: 100%;
}
body {
	/* text-align: center; */ // Center Text
}
#container {
	margin: auto;
	width: 626px; // ENTER YOUR WIDTH
	text-align: left;
	height: 100%;
}
.main {
	width: 626px; // ENTER YOUR WIDTH
	height: 100%;
}

Now for the HTML:

Code:

<div id="container">
	<div class="main">
		<!-- Tables with 100% height and content go here -->
	</div>
</div>

Example seen at my site (Admin Alliance)... google it.