Css Height issue

[wog]

Hey guys, im an old member but changed my name....

anyways... i have got a friends website here that im current doing for him, first time im using CSS.

I have a problem, i want the website's height to always be the screen height, as in, i dont want the very right scroll bar to appear as its all contained within the window,
im having problems in doing it...

ill post up the CSS here, see if you can help me, thanks guys

body {
	background-color: #000000;
	text-align: center;
	margin: 0px auto;
	font-family: tahoma;
	font-size: 11px;
}
#container {
	width: 700px;
	height:500px;
	margin: 0px auto;
	text-align: left;
}
#header {
	width: 660px;
	height: 39px;
	padding: 20px;
	background-image: url(images/header2.jpg);
	background-repeat: repeat-x;
	text-decoration: none;
	color: #000000;
}
	#header a {
		align: centre;
		padding-left: 50px;
		padding-right: 50px;
		color: #fff;
		font-weight: bold;
		text-decoration: none;
	}
		#header a:hover {
			text-decoration: underline;
		}
#hnav {
	width: 700px;
	background: url(images/navigation-bg.jpg) repeat-x;
	height: 25px;
	padding-top: 7px;
}
	#hnav a {
		align: centre;
		padding-left: 50px;
		padding-right: 50px;
		color: #fff;
		font-weight: bold;
		text-decoration: none;
	}
		#hnav a:hover {
			text-decoration: underline;
		}

#content {
	width: 699px;
	height: 600px;
	background-color: #FFFFFF;
	#border: 1px solid #484848;
	float: left;

}
	#content .header {
	background: url(images/content-header-bg.jpg) repeat-x;
	#height: 19px;
	width: auto;
	text-align: center;
	#border: 1px solid #454545;
	padding-top: 4px;
	padding-left: 10px;
	padding-right: 10px;
	font-weight: bold;
	text-decoration: none;
		
	}
	#content .text {
	#border-left: 2px solid #454545;
	#border-right: 1px solid #454545;
	#border-bottom: 1px solid #454545;
	width: 678px;
	height: 600;
	padding: 10px;
	overflow: auto;
	background-color: #FFFFFF;
	background-attachment: fixed;
	background-image: url(images/navona-back.jpg);
	background-repeat: repeat-x;
	background-position: center;
	}
#footer {
	width: 690px;
	background: url(images/footer-bg.jpg) repeat-x;
	height: 23px;
	padding: 5px;
	#margin-top: 2px;
	color: #cbcbcb;
	font-size: 12px;
}
.end {
	clear: both;
}

i know its a mess...

also, im having problems with IE its playing up, if you want the whole site, just write here and ill post it up

thanks heaps guys if your able to hlep

and thiank you for reading

[Philquad]

wats url

[wog]

ive just uploaded it to my test thingy



hopefully ill get the passwords and permissions for the actual site...

note: not all pages have been updated yet

[wog]

by the way, ill remove hte site on sunday, as i dont want it up on that host for too long

[Philquad]

#container {
width: 700px;
height:500px;
just try changing the height in different areas
till u find it.
use a copy of the file too.

[wog]

i had it like that, with a set height, although i built the site with a laptop, as soon as i tested it on the desktop, it was TINY
i dont mind the width, as thats all i need in it, its just the height thats anoying

[PunX0r]

Bit rusty on my css skills, but cant u set it to a % rather then a pixel size?

[wog]

yeah, when i use the % the background image doesnt fully show....

oh well... dont matter, its alright for now... .i jsut increased the whole height of the doc, so that with the lappy u gotta scroll down to view the whole page...

now the next thing, in IE it looks really weird, any fixes or is it just stupid microsoft?

thanks heaps for your help guys much appreciated