Previous Message
Next Message

Centering main body in all window sizes

Sent by Lee Sommerville on 22 March 2006 11:11


Hi guys,

Could anyone please take the time to look at
www.liquid3.com/liquid3 please.

The one you will see is an old version with the new
one with many bugs removed due to be uploaded tomorrow
however i cannot get the position of the body of the
site correct and i hoped someone could look at the css
below and tell me where im going wrong??

I want the main body of the site to be totally central
no matter what size the vierwers window is - at the
moment its stays central but far too near the top - i
want it completely central on all sides at all times?

This may be really simple but please bear with me as i
am merely an eager novice!!??

Many thanks in advance


#body {
	margin: 2px 0px 0px 0px;
	text-align: center;
	background-image: url(images/background.png);
	}
#container {
	margin: 0 auto;
	width: 763px;
	background-image: url(images/back.png);
	background-repeat: no-repeat;
	background-color: #ffffff;
	display: table;
	}
#menu {
	width: 25px;
	height: 516px;
	margin: 0px;
	padding: 0px;
	float: left;
	background-image: url(images/menuBack.png);
	background-repeat: repeat;
	}
#mainBody {
	width: 670px;
	position: relative;
	margin: 179px 0px 0px 0px;
	padding: 0px;
	text-align: right;
	}
#rightSide {
	position: relative;
	width: 53px;
	height: 516px;
	margin: 0px;
	padding: 0px;
	float: right;
	background-image: url(images/rightBack.gif);
	background-repeat: repeat;
	}
#clear {
	clear: both;
	}
#rightBottom {
	position: absolute;
	bottom: 0px;
	left: 0px;
	}
#bottom {
	clear: both;
	height: 86px;
	background-image: url(images/bottom.png);
	background-repeat: no-repeat;
	}
..menuItem {
	margin: 0px;
	padding: 0px;
}
#bodyRight {
	float: right;
	width: 410px;
	border-left: solid 1px #C5D4D9;
	padding-left: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #383434;
	text-align: left;
}
#contact {
	position: absolute;
	top: 208px;
	left: 47px;
}



		
___________________________________________________________ 
NEW Yahoo! Cars - sell your car and browse thousands of new and used cars online!
http://uk.cars.yahoo.com/
______________________________________________________________________
css-discuss [EMAIL-REMOVED]]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Previous Message
Next Message

Message thread: